您的位置:图文专栏 > 技术教程 > HTML5/CSS3速成教程 >

6-2 文本输入框、密码输入框

发布时间:2021-03-05 14:31:15

6-2 文本输入框、密码输入框

当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。
语法:
<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>
在浏览器中显示的结果:

源代码:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>文本输入框、密码输入框</title>
</head>

<body>
    <form method="post" action="save.php">
        账户:<input  type="text"  name="myName" />
        <br>
        密码:<input  type="password"  name="pass" />
    </form>
</body>

</html>
上一篇: 6-1 使用表格标签<form>创建表单

下一篇: 6-3 placeholder属性的使用