HTML表单知识思维导图

文本输入 <input type="text"> 

单选按钮输入 <input type="radio">

提交按钮 <input type="submit">

action 属性 定义在提交表单时执行的动作

method 属性 规定在提交表单时所用的 HTTP 方法

name 属性 每个输入字段必须设置一个 name 属性

<fieldset> 元素组合表单中的相关数据

<legend> 元素为 <fieldset> 元素定义标题

用于应该包含数字值的输入字段

能够对数字做出限制 eg.min max

用于应该包含日期的输入字段

日期选择器会出现输入字段中

用于应该包含颜色的输入字段

颜色选择器会出现输入字段中

用于应该包含一定范围内的值的输入字段

输入字段能够显示为滑块控件

用于应该包含电子邮件地址的输入字段

在被提交时自动对电子邮件地址进行验证

规定表单或输入字段是否应该自动完成

可以把表单的 autocomplete 设置为 on

autocomplete 属性适用于 <form> 以及 <input> 类型

属于 <form> 属性

novalidate 规定在提交表单时不对表单数据进行验证

规定当页面加载时 <input> 元素应该自动获得焦点

规定 <input> 元素所属的一个或多个表单

如需引用一个以上的表单，使用空格分隔的表单 id 列表

覆盖 <form> 元素的 action 属性

适用于 type="submit" 以及 type="image"

覆盖 <form> 元素的 enctype 属性

适用于 type="submit" 以及 type="image"

覆盖 <form> 元素的 method 属性

适用于 type="submit" 以及 type="image"

覆盖 <form> 元素的 novalidate 属性

可用于 type="submit"

覆盖 <form> 元素的 target 属性

可与 type="submit" 和 type="image" 使用

仅用于 <input type="image">

始终规定图像的尺寸

list 属性引用的 <datalist> 元素中包含了 <input> 元素的预定义选项

适用于如下输入类型：number、range、date、datetime、datetime-local、month、time 以及 week

允许用户在 <input> 元素中输入一个以上的值

适用于以下输入类型：email 和 file

用于检查 <input> 元素值的正则表达式

适用于以下输入类型：text、search、url、tel、email、and password

用以描述输入字段预期值的提示（样本值或有关格式的简短描述）

适用于以下输入类型：text、search、url、tel、email 以及 password

规定在提交表单之前必须填写输入字段

适用于输入类型