7.2.2　密码框

密码框是为了隐藏用户密码信息的输入框，语法形式与文本框差不多，不同的是类型为password。可能有的读者会问，在密码框里输入的密码信息会不会显示出来，如果这样的话密码就不安全了。其实这个不用担心，当在密码框输入密码时，所输入的字符等全用“*”替代，这样从页面显示上隐藏了密码信息，密码框在表单上的语法形式如下。

＜input type="password"＞

密码框表示一个用来输入密码的框并且会用“*”替代输入的信息，与文本框一样，＜input＞里面也有属性可以选择，这将在以后进行讲解，代码7.4演示了密码框的使用。

代码7.4　密码框表示（源代码\第7章\密码框.html）

———————————————文件名：密码框.html———————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞密码框＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—在表单中只有密码框—＞

07 ＜form＞

08 ＜！—设置密码框—＞

09 密码框：＜input type="password"＞

10 ＜/form＞

11 ＜/body＞

12 ＜/html＞

【代码解析】代码第9行中，表示密码框的关键代码是：＜input type="password"＞。

密码框的设置与文本框一样，在＜input＞标记下设置type参数为password表示密码，其中密码框中输入的文本被小圆点代替，为了隐藏密码，起到安全作用，当刷新页面时，密码会被及时清除，效果如图7.3所示。

图　7.3　密码框

注意　密码框是为了保证密码安全性，当在制作相应的表单和密码框的网页时，也要考虑表单或密码的安全性。