6-2 先来填用户名和密码 - 文本输入框、密码输入框
本节编程练习不计算学习进度,请电脑登录imooc.com操作

先来填用户名和密码 - 文本输入框、密码输入框

当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框

语法

<form>
   <input type="text/password" name="名称" value="文本" />
</form>

1、type:

   当type="text"时,输入框为文本输入框;

   当type="password"时, 输入框为密码输入框。

2、name:为文本框命名,以备后台程序ASP 、PHP使用。

3、value:为文本输入框设置默认值。(一般起到提示作用)

举例

<form>
  姓名:
  <input type="text" name="myName">
  <br/>
  密码:
  <input type="password" name="pass">
</form>

在浏览器中显示的结果:

任务

我来试试:为表单插入姓名、密码输入框

1.在右部编辑器中第11行输入代码:

<input  type="text"  name="myName" />

2.在右部编辑器中第13行输入代码:

<input  type="password"  name="pass" />

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>文本输入框、密码输入框</title>
  7. </head>
  8.  
  9. <body>
  10. <form method="post" action="save.php">
  11. 账户:
  12. <br>
  13. 密码:
  14. </form>
  15. </body>
  16.  
  17. </html>
下一节