HTML表单及表单控件

1、form元素

action 表示当确认时将表单提交到一个地址(可以使确认地址或者相对地址)

method 提交表单时的请求类型 (get或者post类型)

get方式的请求 一般默认为它,比较小一般不超过2k。(不在浏览器中不受限制)

post方式的请求 设置method=post 请求参数大小一般不受限制

name 表单的唯一名称 建议与属性一致

target URL 打开方式 属性值可以为_blank,_parent,_self,_top

2、input元素

文本框: <input  > type设置为text

密码输入框: type属性设置为password

隐藏域: hidden

单选框:radio

复选框:checkbox

图像域 :img

文件上传区:file

提交:submit

重设reset

无动作按钮button

checked:单元框复选框是否为选中状态

disabled鼠标无法响应事(无法输入无法选中无法识别单机双击)

maxlength 允许输入最大字符数

readonly只读

3、select与option元素

下拉菜单:
<select id="skills" name="skill">
<option value="java">java语言</option>
<option value="html">HTML</option>
<option value="css">CSS</option>
</select>
多选列表框:
<select id="skills" name="skill">
multiple="multiple" size="4";
<option value="java">java语言</option>
<option value="html">HTML</option>
<option value="css">CSS</option>
</select>

多选的列表框:
<select id="skills" name="skill">
multiple size="4";
<optgroup label="图书">---------------不是选项
<option value="java">java语言</option>
<option value="html">HTML</option>
<option value="css">CSS</option>
<optgroup label="其他图书">-----------不是选项
<option value="java">java语言</option>
<option value="html">HTML</option>
<option value="css">CSS</option>
</select>

猜你喜欢

转载自blog.csdn.net/eggplant_/article/details/82797992