HTML表单

<form>定义表单

1.form的属性：

例子：<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8" ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>

accept-charset  规定在被提交表单中使用的字符集（默认：页面字符集）。

action                规定向何处提交表单的地址（URL）（提交页面）。

autocomplete    规定浏览器应该基于用户之前的输入自动完成表单（默认：开启）。

enctype             规定被提交数据的编码（默认：url-encoded）。

method              规定在提交表单时所用的 HTTP 方法（默认：GET）。

name                  规定识别表单的名称（对于 DOM 使用：document.forms.name）。

novalidate           规定在提交表单时浏览器不验证表单。

target                  规定 action 属性中地址的目标（默认：_self）。

2.<input>标签元素

需要用户输入的部分，是一个自结束标签

type属性的属性值：

text        定义常规文本输入。

radio      定义单选按钮输入（选择多个选择之一）

submit   定义提交按钮（提交表单）

password   密码输入，默认会对输入内容做星号处理。

checkbox     定义复选框。允许用户在有限数量的选项中选择零个或多个选项。

button       定义按钮

number    对输入的数值进行限制。结合Quantity:语句使用

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

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

date    用于应该包含日期的输入字段。    datetime    允许用户选择日期和时间（有时区）。    time    允许用户选择时间（无时区）。    datetime-local    允许用户选择日期和时间（无时区）。

month        允许用户选择月份和年份。    week        允许用户选择周和年。

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

file     用于选择文件夹导入的字段

search        用于搜索字段

tel        电话号码的输入字段。

url        用于应该包含 URL 地址的输入字段。

name 属性：属性 如果要正确地被提交，每个输入字段必须设置一个 name 属性。

value 属性规定输入字段的初始值

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

readonly 属性规定输入字段为只读（不能修改）

disabled 属性规定输入字段是禁用的。被禁用的元素是不可用和不可点击的。

size 属性规定输入字段的尺寸（以字符计）

maxlength 属性规定输入字段允许的最大长度：

autocomplete 属性 规定表单或输入字段是否应该自动完成。当自动完成开启，浏览器会基于用户之前的输入值自动填写值。也就是记录之前的输入内容。可以在form标签下的属性中打开，特定的输入字段设为off。

autofocus 属性，是布尔属性，默认不设置。若设置，则规定当页面加载时 <input> 元素应该自动获得焦点，及光标自动在这个输入框上。

height 和 width 属性 规定 <input> 元素的高度和宽度。属性仅用于 <input type="image">。

<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">

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

multiple 属性是布尔属性。如果设置，则规定允许用户在 <input> 元素中输入一个以上的值。适用于以下输入类型：email 和 file

pattern 属性规定用于检查 <input> 元素值的正则表达式。

required 属性是布尔属性。如果设置，则规定在提交表单之前必须填写输入字段。

以下input的属性，会对form中的属性进行覆盖，即优先级更高：适用于 type="submit" 以及 type="image"。

formaction 属性规定当提交表单时处理该输入控件的文件的 URL。

formenctype 属性规定当把表单数据提交至服务器时如何对其进行编码（仅针对 method="post" 的表单）。

formmethod 属性定义用以向 action URL 发送表单数据的 HTTP 方法。（post/get）

formtarget 属性规定的名称或关键词指示提交表单后在何处显示接收到的响应。

formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。novalidate 属性是布尔属性。如果设置则提交表单时不对input元素进行验证。formnovalidate 属性可用于 type="submit"。

3. <fieldset> <legend>标签元素

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

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

4.<select> 元素

定义下拉列表，<option> 元素定义待选择的选项，列表通常会把首个选项显示为被选选项，可以添加 selected 属性来定义显示的选项。

<select name="cars">

<option value="volvo" selected>Volvo</option>

<option value="saab">Saab</option>

<option value="fiat">Fiat</option>

<option value="audi">Audi</option>

</select>

<textarea> 元素定义多行输入字段（文本域）

<button> 元素定义可点击的按钮，以下两种写法结果相同

<button type="button" onclick="alert('Hello World!')">Click Me!</button>

<input type="button" onclick="alert('Hello World!')" value="Click Me!">

<datalist> 元素为元素规定预定义选项列表。用户会在他们输入数据时看到预定义选项的下拉列表。 元素的 list 属性必须引用id属性。与<select>的区别是：select只能在下拉列表里选择一项，datalist可以自己输入内容。 元素的 id 属性。