text | 单行文本框 |
---|---|
passworld | 密码文本框 |
button | 按钮 |
reset |
重置按钮 |
image | 图像形式的提交按钮 |
radio | 单选按钮 |
checkbox | 复选框 |
hidden | 隐藏字段 |
file | 文件上传 |
语法: <input type="表单类型">
单行文本框
语法: <input type="text">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form name="my_Form" method="POST">
姓名:<input type="text">
</form>
</body>
</html>
text 几个重要属性
value : 定义文本框的默认值,也就是文本框内的文字
siae : 定义文本框的长度,以字符为单位
maxlength : 设置文本框中最多可以输入的字符数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form name="my_Form" method="POST">
姓名:<input type="text" value="zql" size="15" maxlength=""><br>
年龄:<input type="text" value="18" size="15" maxlength="3">
</form>
</body>
</html>