关于form与表单元素的相关知识总结

form元素：

form元素的DOM接口是HTMLFormElement，继承自HTMLElement，于是它与其余的HTML元素拥有相同的默认属性，不过它自身还有几个独有的属性和方法：
accept-charset：服务器可以处理的字符集，多个字符集用空格分割；
length：表单中控件的数量；
method：要发送的HTTP请求类型，一般是“get”或“post”，该值能够被form元素中的input或button元素的formmethod属性覆盖;
name：表单的名称；
reset()：将全部表单域重置为默认值；
submit()：提交表单；
autocomplete：是否自动补全表单元素；

input元素：

input元素是应用很是普遍的表单元素，根据type属性值的不一样，有如下几种经常使用用法：

文本输入：<input type="text" name="">
提交输入：<input type="submit">
单选钮输入：<input type="radio" name="必须有相同的名字" value="填的值最好对应">
复选框输入：<input type="checkbox" name="相同的名字" value="不一样的对应值">
数字输入：<input type="number" min="" max="">   //输入框只能输入数字，可设置最大值，最小值。
范围输入：<input type="range" min="" max="">相似number，  //但它会显示一个滑动条，而不是输入框。
颜色输入：<input type="color">  //会弹出一个颜色选择器。
日期输入：<input type="date">   //会弹出一个日期选择器。
email输入： <input type="email">  //显示为一个文本输入框，并会弹出一个定制键盘。
tel输入：<input type="tel">  //跟email输入相似
url输入 ：<input type="url"> //跟email输入相似，也会弹出一个定制键盘。
textarea元素能够建立一个多行的文本区：
<textarea name="" id="" cols="30" rows="10"></textarea>
 //其中cols和row的属性值分别表示文本区宽度和高度的字符。
select元素和option元素结合使用可建立一个下拉菜单：
<select name="" id=""> 
  <option value=""></option>
  <option value=""></option>
  <option value=""></option>
</select>

radio

如何 分组? 设置不一样的 name属性便可： 这就是两组radio

<input type="radio" name="favourite" value="玩游戏"> //玩游戏
<input type="radio" name="favourite" value="写代码"> //写代码

<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女

placeholder

提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段得到焦点时消失。

type=hidden

定义隐藏的input。隐藏字段对于用户是不可见的。隐藏字段一般会存储一个默认值，它们的值也能够由 JavaScript 进行修改。
好比用于安全方面，给后台传输用户不可见的name 和value值，让后台作校验，防伪造页面。