目录
一个完整的表单通常由表单域、表单控件、和提示信息三部分组成。
1.1表单域
表单域是一个包含表单元素的区域。
在HTML中,<form>标签用于定义表单域,以实现用户信息的收集与传递。
<form>会把他范围内的表单元素信息提交给服务器。
基本语法:
<form action="url地址" method="提交方式" name="表单域名称">各种表单元素控件</form>
其中method的属性值有get 和 post。
1.2表单控件
在表单域里可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或选择的内容控件。
1.2.1<input>表单元素
在<input>标签中,包含一个type属性,根据不同的type属性值,输入字段拥有多种形式。
语法:<input type="属性值" />
属性值 | 描述 |
---|---|
button | 定义可点击的按钮 |
checkbox | 定义复选框 |
file | 定义输入字段和浏览按钮,供文件上传 |
hidden | 定义隐藏的输入字段 |
image | 定义图像形式的提交按钮 |
password | 定义密码字段,该字段中的字符被掩码 |
radio | 定义单元按钮 |
reset | 定义重置按钮 |
submit | 定义提交按钮 |
text | 定义单行的输入字段,用户可在其中输入文本。默认宽度为20个字符 |
1.2.2<input>标签常用属性
属性 | 属性值 | 描述 |
---|---|---|
name | 由用户自定义 | 定义input名称 |
value | 由用户自定义 | 规定input元素的值 |
checked | checked | 规定比input元素首次加载时应当被选中 |
maxlength | 正整数 | 规定输入字段中的字符的最大长度 |
注意:name和value是每次表单元素都有的属性值
name表单元素的名字,要求单选按钮和复选框要有相同的name值