要想更好运用表单就要了解表单的的更多元素与属性，首先看看对表单基本了解。

表单的基本了解

 <form> 元素用于用户输入数据的收集

 <input> 元素是最重要的表单元素，有许多type其中<input type="submit">是用于向表单处理程序提交表单的按钮。

 <select> 元素<option> 元素定义待选择的下拉列表选项，

 <textarea> 元素定义文本区域。

 <button> 元素定义可点击的按钮。

表单属性

  1：Action 属性

     action 属性的作用是当提交表单时，声明要向何处发送表单数据。将表单数据发往何处。如果省去该属性则表单数据会发往当前网页。

  2：Method 属性
     method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）：

     要想表单数据提交时更加安全使用post。因为get是将表单数据放在URL后提交的。所以不要使用get传敏感信息比如密码。我认为提交数据使用post，获得数据使用get。

  3：Name 属性
     如果要正确地被提交，每个输入字段必须设置一个 name 属性。因为只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

  4：target 属性

     target 属性规定在何处打开 action URL。

 

表单新增元素属性能让我们更加高效便捷的书写代码。

表单的新增元素与属性

1：表单内元素的form属性

   在HTML5中可以把表单内的从属元素写在页面的任何地方，然后为该元素指定一个form属性，属性值为该表单的id，这样就可以把该元素指定到相应的表单中。

这样便于书写样式。

2：表单内元素的formaction属性

    在HTML5中formaction 属性覆盖 form 元素的 action 属性。为不同的提交按钮增加formaction属性，使得在单击时可以将表单可以提交给不同的页面。该属性适用于 type="submit" 以及 type="image"。

 3：表单内元素的formmethod属性

     在HTML5中可以使用formmethod属性为每个不同的表单元素分别指定不同的提交方法。

 

4：表单内元素的formenctype属性

    在HTML5中可以使用formenctype属性为每个不同的表单元素分别指定不同的编码方式。

 

5：表单内元素的formtarget属性

    在HTML5中可以使用formtarget属性用于指定在何处打开表单提交后所需要的加载的页面。

 

6：表单内元素的autofocus属性

    画面打开时自动获得光标焦点，一个页面上只能有一个控件具有该属性。

 

7：表单元素的required属性

    HTML5中新增的required属性可以应用在大多数输入元素上，在提交表单时，如果表单为空则不允许提交。

 

8:表单内元素的labels属性 

    在HTML5中，为所以可使用标签的表单元素定义一个labels属性，属性值为NodeList对象，代表该元素所绑定的标签元素所构成的集合。

fun(){ ); ); ); ) { ) { ); label.setAttribute(); form.insertBefore(label,button); txt.labels[; txtName,labels[); } ) form.removeChild(txt.labels[1]); } } 姓名：

 9:标签的control属性

      在HTML5中，可以在标签（label元素）内部放置一个表单元素，并且通过该标签的control属性访问该表单元素。

set(){ ); lbl.control; txt.value; }

10:文本框的placeholder属性

     placeholder是指当文本框处于未输入状态时显示的输入提示。当文本框处于未输入状态且未获取光标焦点时，模糊显示输入提示文字。也可以使用css来控制其中文字的样式。

input::-webkit-input-placeholder{ color:#0F0;}<input type="text" placeholder="输入提示">

 

 

11:文本框的list属性

    在HTML5中 为需要的input标签设置一个list属性，然后在任意位置放一对 datalist 标签，并给 datalist 标签一个 id，和 list 属性值i一致。

在 datalist 标签下放列表项，每个列表项用 option 元标签来表示，这样就可以做一个下拉框，当用户需要的值不在下拉列表中时，可以自行输入。datalist 标签的内容不显示，只有在文本框获取焦点时才会以下拉列表的形式表现出来。

<input type="text" list="list1"  autocomplete="on"/> 练习练习1练习2

12:文本框的autocomplete属性

    辅助输入的的属性，autocomplete有三种值"on"、"off"、"default"（不指定）。不进行指定时，使用游览器的默认值。

使用方法如下当你在文本框内输入如“某一段话”点击提交后，要是再次在文本框中输入“某”，点击就会提示“某一段话”。

 

13：文本框的patten属性

    等于直接在html部分用正则表达式判断值输入是否符合要求。
     <input type="text" pattern="^[0-9]*$">

 

14：文本框的selectionDirection属性

针对input元素与textarea元素，可以获取用户选取元素时是正向选取还是反向选取。正向选取值或没选为forward，反向为backward。

 

15：复选框的indeterminate属性