7.6.2 添加文本框和密码框
在表单中显示用户名输入,并有两次密码输入。注册页面都有用户名和密码,而且密码在创立之初,要输入两次,显然,第二次是用来确定密码是否一致,代码7.12表示文本框用来输入用户名,密码框用来输入密码。
图 7.10 表单容器
代码7.12 用户名和密码(源代码\第7章\表单实例手把手.html)
—————————————-文件名:表单实例手把手.html—————————————-
01 <html>
02 <head>
03 <title>表单实例手把手</title>
04 </head>
05 <!—设置表单—>
06 <form>
07 <p>用户注册页面表单实例<p>
08 <!—设置表单中的文本框—>
09 用户名:<input type="text">
10 <br>
11 <!—设置表单密码框—>
12 密码:<input type="password">
13 <br>
14 <!—设置表单中的确认密码框—>
15 确认密码:<input type="password">
16 </form>
17 <body>
18 </body>
19 </html>
【代码解析】代码第9~15行<input>中的type为text是表示文本。输入用户名的框是文本,而密码的类型为password,效果如图7.11所示。
图 7.11 用户名和密码表示