form 属性

在HTML4中，所有的表单控件都必须放在<form>元素内部，HTML5为表单控件提供了form属性，用于指定该控件所属的表单，该属性的值应是其所属表单的ID。通过该属性可以让表单控件定义在<form>元素之外，将表单外的控件内容数据提交到服务器端。
注意：可以通过form属性引用多个表单，表单id用空格分隔。

示例：

<body>
    <form id="addForm1" action="server1">
      物品名：<input type="text" name="name"/>
      <input type="submit" value="添加"/>
    </form>
    <form id="addForm2" action="server2">
      物品名：<input type="text" name="name"/>
      <input type="submit" value="添加"/>
    </form>
    物品描述：
    <textarea name="desc" form="addForm1,addForm2"></textarea>
</body>

表单重写属性

formaction:动态的将表单提供到不同的URL。
formenctype：设置表单的enctype属性
formmethod:设置表单的提交方式为get或post
formtarget:设置表单的target属性

示例:

<form method="post">
  用户名：<input type="text" name="userName"/><br/>
  密码：<input type="password" name="userPwd"/><br/>
  <input type="submit" value="注册" formaction="sever1"/>
  <input type="submit" value="登陆" formaction="server2"/>
</form>

autofocus属性

布尔属性，可以使表单控件在页面加载时自动获取焦点。一个页面只能有一个autofocus属性定义。

示例：

<body>
    用户名：<input type="text" id="userName" autofocus />
    密码：<input type="password" id="userPwd" />
</body>

placeholder属性

显示提示信息。用户输入文本时自动隐藏，用户清除文本时自动显示。

list属性

list属性可与datalist元素配合使用。datalist元素相当于一个看不见的select元素，用于生成隐藏的下拉菜单。

示例：

<form action="myserver">
   请输入图书：<input type="text" list="books"/>
   <input type="submit" value="购买"/>
</form>
<datalist id="books">
    <option value="三国演义">
    <option value="水浒传">
    <option value="西游记">
</datalist>

新增的input元素

HTML5为input元素的type属性新增了若干类型值。

值	描述
color	颜色选择器。
date	日期选择器（带有 calendar 控件），用于选择年、月、日
datetime	UTC日期、时间选择器（带有 calendar 和 time 控件）<br /> UTC为世界标准时间，存在浏览器兼容性问题
datetime-local	本地日期、时间选择器（带有 calendar 和 time 控件）
month	月份选择器（带有 calendar 控件），用于选择年、月
week	可以选择第几周的文本框（带有 calendar 控件），用于选择年、周
time	时间选择器，包括时、分、秒（带有 time 控件），<br /> 可以通过max、min、step、value属性指定时间范围及默认值
email	e-mail 地址输入框，提交表单时可自动验证email格式
number	数字输入框 <br /> max属性:规定允许的最大值 <br /> min属性:规定允许的最小值 <br /> step属性:规定合法的数字间隔
range	带有 slider 控件(拖动条)的输入框。还可以指定min、max、step(步长)属性的值。
search	搜索框，用于搜索关键词，输入内容后会显示叉号清除内容
tel	电话号码输入框，不限定只输入数字，如0531-88776655
url	URL地址输入框，提交表单时将对输入的URL格式做检查