HTML5与CSS3学习笔记【第十六章 表单(二)】

---

16.6创建密码框

密码框与文本框的唯一区别是，密码框中输入的文本会使用圆点或星号进行隐藏。

...
<p class="row">
 <label for="password">Password:</label>
 <input type="password" id="password" 
➝ name="password" />
</p> <p class="row">
 <label for="password2">Re-enter 
➝ Password:</label>
 <input type="password" id="password2" 
➝ name="password2" />
</p>
...

使用 type=“password” 创建密码框，而不要用 type=“text”

当访问者在表单中输入密码时，密码用圆点或星号隐藏起来了。但提交表单后访问者输入的真实值会被发送到服务器。信息在发送过程中没有加密

创建密码框的步骤
(1) 输入用于让访问者识别密码框的标签。
(2) 输入 <input type="password"。
(3) 输入 id="idlabel"，这里的 idlabel跟第 (1) 步中 label 的 for 属性值一样。
(4) 输入 name="dataname"，这里的dataname是用于让服务器识别输入数据的文本。
(5) 通过输入size=“n” 定义密码框的大小，这里的n是需要设置的密码框宽度，以字符为单位。
(6) 如果需要，输入 maxlength="n"，这里的n 是该密码框允许输入的最大字符数。
(7) 如果需要，输入 required 或者 required= "required"。
(8) 如果需要，输入autofocus或者autofocus= "autofocus"。
(9) 输入 > 或 />，结束密码框。

注:即便密码框中没有输入任何内容，name 属性仍将被发送到服务器（使用未定义的value）。密码框提供的唯一保护措施就是防止其他人看到用户输入的密码。如果要真正地保护密码，可以使用安全服务器（https://）。

16.7创建电子邮件框、搜索框、电话框和 URL 框

电子邮件、电话和 URL 这几种输入类型是 HTML5 中新增的。它们看起来同文本框很相似，但却有一些小而有用的特性，用于帮助验证和输入内容。过去，我们必须依赖 JavaScript 在浏览器中创建这些功能。搜索框也是 HTML5 中新增的输入类型。搜索框跟文本框很像，只是很多浏览器将搜索框显示得像操作系统中默认的搜索框。

...
&l