码迷,mamicode.com
首页 > Web开发 > 详细

网页填写的基本操作

时间:2015-07-31 23:08:06      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

表单元素:

id:唯一标示,在同一个页面内不允许重复 name:名字 class:类,如果几个元素的class一样,说明他们被强制设置为一类

<form>

</form> action:提交到哪个页面来处理数据 target="":打开方式, _blank:在新的选项卡打开,_self:自身打开 method: 提交方式,post, get

1.文本输入类

单行文本输入框:<input type="text" value="请输入用户名"/> 密码框:<input type="password" value="" /> 多行文本框:<textarea rows="5">请输入文本</textarea> 隐藏域:<input type="hidden" value="我是卧底" />

2.按钮类:

提交按钮:<input type="submit" value="注册"/> 重置按钮:<input type="reset" value="重置" /> 普通按钮:<input type="button" value="验证" /> 图片按钮:<input width="50" type="image" src="../../李昌辉/素材/PS图片图标素材/png/其它/52design.com_jingying_051.png" />

3.选择类:

单选按钮: 男<input type="radio" name="sex" value="true" checked="checked"/>            女<input type="radio" name="sex" value="false"/>

多选按钮:男装<input type="checkbox" name="type" value="01" checked="checked"/>

下拉列表:<select size="5" multiple="multiple" >           <select>       <option value="han">汉族</option>       <option value="hui">回族</option>          <option value="man">满族</option>          <option value="wei">维吾尔族</option>          <option value="meng">蒙古族</option>      </select>

文件选择:<input type="file"/>

 

网页填写的基本操作

标签:

原文地址:http://www.cnblogs.com/hansonglin/p/4693199.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!