htmlinput标签单⾏⽂本框多⾏⽂本框
input type属性
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>
htmlradio的text出不来年龄:<input type="text" value="18" size="15" maxlength="3">
</form>
</body>
</html>
多⾏⽂本框:
语法:
<textarea cols="⾏数" rows="列数">内容</textarea>
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form name="my_form" method="POST">
<textarea cols="8" rows="20">介绍⼀下⾃⼰</textarea>
</form>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。