7.6.2 添加文本框和密码框

在表单中显示用户名输入,并有两次密码输入。注册页面都有用户名和密码,而且密码在创立之初,要输入两次,显然,第二次是用来确定密码是否一致,代码7.12表示文本框用来输入用户名,密码框用来输入密码。

7.6.2 添加文本框和密码框 - 图1

图 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.6.2 添加文本框和密码框 - 图2

图 7.11 用户名和密码表示