表单基础知识点

表单

<form>标签：
用于定义表单域，以实现用户信息的收集和传递。常用属性如下：

• action=“url地址”：用于指定接收并处理表单数据的服务器程序的url地址
• method=“get/post”：用于设置表单数据的提交方式，其取值为get或post
• name=“表单域名称”：用于指定表单的名称，以区分同一个页面中多个表单域

表单标签

<input>输入：

1. type属性的属性值：

• text：文本框，定义单行的输入字段
• password：定义密码字段，该字段中的字符被掩码
• radio：定义单选按钮（必须要有相同的name属性值才能实现单选）
• checkbox：定义复选框
• submit：定义提交按钮，提交按钮会把表单数据发送到服务器
• reset：定义重置按钮，重置按钮会清除表单中的所有数据
• button：普通提交按钮
• file：定义输入字段和“浏览”按钮，供文件上传
• hidden：定义隐藏的输入字段
• image：定义图像形式的提交按钮

2. name属性：定义input元素的名称
3. value属性：规定input元素的值
4. checked属性：规定此input元素首次加载时应当被选中
5. maxlength属性：规定输入字段中的字符的最大长度

<label>标注标签

label标签的for属性应当与相关元素的id属性相同
<label for ="sex">男</ label>
<input type= "radio" name="sex" id="sex" />

<select>下拉列表

<select>
    <option>选项1</option>
    <option>选项2</option>
    <option>选项3</option>
    ......
</select>

<select>中至少包含一对<option>
在<option>中定义select=" selected "时，当前项即为默认选中项

<textarea>文本域

H5新增表单属性：

• required:required 表示其内容不能为空
• placeholder：提示文本
• autofocus:autofocus 自动聚焦
• autocomplete:off/on 是否保存键入过的值
• multiple:multiple 可以多选文件提交