目录

3.2、html input文本输入框、密码输入框

2017年07月24日 08:40 | 3452次浏览

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

语法:

<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>

在浏览器中显示的结果:

练习

新建demo.html页面,页面示例代码如下:

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

1.在示例代码中第10行输入代码:

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

2.在示例代码中第13行输入代码:

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

示例代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文本输入框、密码输入框</title>
</head>
<body>
<form  method="post" action="save.php">
    账户: 
	
	<br>
	密码: 

</form> 
</body>
</html>



小说《我是全球混乱的源头》

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程