一、文本输入框、密码输入框
当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。
语法:
<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 http-equiv="Content-Type" content="text/html; 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>
二、 文本域,支持多行文本输入
当用户需要在表单中输入大段文字时,需要用到文本输入域。
语法:
<textarea rows="行数" cols="列数">文本</textarea>
1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。
2、cols:多行输入域的列数。
3、rows:多行输入域的行数。
4、在<textarea></textarea>标签之间可以输入默认值。
举例:
<form method ="post" action="save.php">
<label>联系我们</label>
<textarea cols="50" rows="10">在这里输入内容...</textarea>
</form>
注意:
这两个属性可用css样式的width和height来代替:col用width、row用height来代替。
举例:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文本域</title>
</head>
<body>
<form action="save.php" method="post" >
<label>个人简介:</label>
<textarea cols="50" rows="10">在这里输入内容...</textarea>
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" />
</form>
</body>
</html>