[JavaScript知识库]HTML5(3)

1.表单：将用户所填内容放入表单中，打包传到后端服务器。

<form action='aaa' method='post'>
    用户名：<input type="text"  name="username" /><br />
    密码：<input type="password" name="pwd" />
    <!--提交按钮-->
    <input type="submit" />
</form>

action属性指表单要提交到的地址。

method属性默认是get，提交数据可见，不安全且提交数据长度有限制，效率高。

method属性设置成post时，提交数据不可见，安全且提交数据长度没有限制，效率低因为数据未放到缓存中。

2.input标签

①type属性：设置成text时，相当于文本框内容可见；设置成password时内容不可见。

②name属性：只有设置了name属性才可以采集数据，提交时会以键值对的形式拼到一起，name的内容作为键。同时一组单选按钮必须通过name属性来控制，使其在一个分组中，name值设置成一样时，就在一个分组中。

<input type="radio" name="gender" value="1" />男
<input type="radio" name="gender" value="0" />女

上例中系统将根据value的值判断所选内容。

③value属性：就是文本框的具体内容，当不输入内容时，默认是value。

④placeholder属性：提示用户来输入信息。

<input type="text" name="aaa" placeholder="请输入身份信息" />

3.下拉列表

<select name="city" multiple="multiple">
    <option value="0">----请选择----</option>
    <option value="1">西安</option>
    <option value="2">青岛</option>
    <option value="1">哈尔滨</option>
</select>

4.HTML5新增type类型

①email：自动检验所输入内容是否为邮箱号。

<input type="email" name="email" />

②url：检验所输入内容是否是网址。

<input type="url" >

③number：检验输入内容是否是数字，且可设置最值和步长。

<input type="number" min="1" max="10" step="3">