form表单
- action属性
一个处理这个form信息的程序所在的URL。这个值可以被 <button> 或者 <input> 元素中的 formaction 属性重载（覆盖）。 - method属性：
HTTP请求的方法。 - enctype 属性
控制当方法为post时，所传输的数据类型。
1 <input>输入框
为行内元素
常用属性：
type:控制输入类型。
name+value:声明输入的键值对。
1.1 type属性
下列属性中需要注意的点。
checkbox，raido的值设定。name 和 value作用提交数据时的键值对声明。初始值的设定。
- button：无缺省行为按钮。
- checkbox：
复选框。必须使用 value 属性定义此控件被提交时的值。
使用 checked 属性指示控件是否被选择。也可以使用 indeterminate 指示复选框在一种不确定状态（大多数平台上，显示为一条穿过复选框的水平线）。 - color：
HTML5 用于指定颜色的控件。 - date：
HTML5 用于输入日期的控件（年，月，日，不包括时间）。 - datetime：
HTML5 基于 UTC 时区的日期时间输入控件（时，分，秒及几分之一秒）。 - datetime-local：
HTML5 用于输入日期时间控件，不包含时区。 - email：
HTML5 用于编辑 e-mail 的字段。 合适的时候可以使用 :valid 和 :invalid CSS 伪类。 - file：
此控件可以让用户选择文件。使用 accept 属性可以定义控件可以选择的文件类型。 - hidden：
不显示在页面上的控件，但它的值会被提交到服务器。 - image：
图片提交按钮。必须使用 src 属性定义图片的来源及使用 alt 定义替代文本。还可以使用 height 和 width 属性以像素为单位定义图片的大小。 - month：
HTML5 用于输入年月的控件，不带时区。 - number:
HTML5 用于输入浮点数的控件。 - password：
一个值被遮盖的单行文本字段。使用 maxlength 指定可以输入的值的最大长度 。 - radio：
单选按钮。必须使用 value 属性定义此控件被提交时的值。使用checked 必须指示控件是否缺省被选择。在同一个”单选按钮组“中，所有单选按钮的 name 属性使用同一个值； 一个单选按钮组中是，同一时间只有一个单选按钮可以被选择。 - range：
HTML5 用于输入不精确值控件。如果未指定相应的属性，控件使用如下缺省值：
min：0
max：100
value：min + (max-min)/2，或当 max 小于 min 时使用 min
step：1 - reset：
用于将表单所内容设置为缺省值的按钮。 - search：
HTML5用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除。 - submit：
用于提交表单的按钮。 - tel：
HTML5 用于输入电话号码的控件；换行会被自动从输入的值中移除A,，but no other syntax is enforced。可以使用属性，比如 pattern 和 maxlength 来约束控件输入的值。恰当的时候，可以应用 :valid 和 :invalid CSS 伪类。 - text：
单行字段；换行会将自动从输入的值中移除。 - time：
HTML5 用于输入不含时区的时间控件。 - url：HTML5 用于编辑URL的字段。 The user may enter a blank or invalid address. 换行会被自动从输入值中移队。可以使用如：pattern 和 maxlength 样的属性来约束输入的值。 恰当的时候使可以应用 :valid 和 :invalid CSS 伪类。
- week：
HTML5 用于输入一个由星期-年组成的日期，日期不包括时区。
常用搭配属性：placeholder,checked（默认勾选）,disabled。
1.2 <button>按钮的实现方式
- <button>button提交</button>
- <input type="submit" value='input(submit)提交'>
- <a href="#">a链接提交</a>
效果如下：
image.png
首先，使用button按钮，可以实现和input一样的功能，都具体name,value属性，可定义类型。常用submit,reset,button,menu。当类型是submit时，那么可以对提交的数据做控制。
<button>元素比<input>元素更易样式化。你可以添加内联HTML内容（如<em>，<strong> 甚至<img>），并使用:after和:before伪元素实现复杂的渲染，而<input>只有文本值属性。
1.2.1 button按钮方式重复提交
1.3 label标签
别错写成label.
- for属性：填写对应标签的ID 点击标签使其获得焦点
- form属性：填写所属表单的ID
网友评论