完整的表单标签包括表单域、表单控件和提示信息3部分组成。
1.1、表单域:包含表单元素的区域
<form>标签用于定义表单域,用于实现用户信息的收集和传递
<form>会把它范围内的表单元素信息提交给服务器
属性 | 属性值 | 作用 |
action | url地址 | 指定接收并处理数据的服务器程序的url地址 |
method | get/post | 设置表单数据提交方式,取值为get或post |
name | 名称 | 指定表单名称,以区分同一页面中的多个表单域 |
1.2、表单控件:在表单域中定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件
<input>:单标签,type属性不同属性值指定不同的控件类型
https://www.w3school.com.cn/tags/tag_input.asp
属性值 | 描述 |
button | 可点击按钮 |
checkbox | 定义复选框 |
file | 定义输入字段和浏览按钮,供文件上传 |
hidden | 定义隐藏的输入文字 |
image | 定义图像形式的提交按钮 |
password | 定义密码字段,字符被掩码 |
radio | 定义单选按钮 |
reset | 重置按钮,清除表单所有数据 |
submit | 提交按钮,将表单数据发送到服务器 |
text | 定义单行输入字段,可在其中输入文本 |
<input>标签其他属性:
属性 | 属性值 | 描述 |
name | 用户自定义 | 定义input元素的名称 |
value | 用户自定义 | 规定input元素的值 |
checked | checked | 规定input元素首次加载时应该被选中 |
maxlength | 正整数 | 规定输入字段中字符的最大长度 |
(1)name和value是每个表单元素都有的属性值,主要给后台开发人员使用;
(2)name表单元素的名字,要求单选按钮和复选按钮要有相同的name值;