一、文本输入框、密码输入框
当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。
语法：
<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>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
