H5表单标签(一)
一、表单域
<form action="后台地址" method="请求方式" name="表单名字"> </form>
需了解服务器编程
二、表单元素
<input type="属性值"> 输入型表单元素,单标签
type属性的属性值及其描述:
button 定义可点击的按钮,用于通过JavaScript启动脚本
checkbox 定义复选框
file 定义输入字段和“浏览”按钮,供文件上传
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段,呈现加密形式
radio 定义单选按钮
reset 定义重置按钮,重置按钮会清除表单中的所有数据
submit 定义提交按钮,会把表单数据发送到服务器
text 定义单行的输入字段,可在其中输入文本,默认宽度为20字符
![](https://img.haomeiwen.com/i9087481/39d1f046007287fb.png)
name 由用户自定义 定义input元素的名称
value 由用户自定义 规定input元素的值 会向后台传输的数据
checked 规定input元素首次加载时应当被选中
maxlength 正整数,规定输入字段中的字符最大长度
![](https://img.haomeiwen.com/i9087481/016cef13c3005cce.png)
input::placeholder{color:red} 通过双冒号伪元素修改属性的颜色
<form action="###.php" method="GET" name="表单名字">
用户名:<input type="text" value="请输入用户名" maxlength="6"> <br>
密码:<input type="password">
<br>
<!-- name是表单的名字,性别单选按钮必须有相同的名字才可以实现多选一 -->
性别: 男<input type="radio" name="sex" value="男">女<input type="radio" name="sex" value="女">
<br>
爱好: 吃饭<input type="checkbox" checked="checked">睡觉<input type="checkbox">打豆豆<input type="checkbox">
<br>
<!-- submit提交按钮可以把表单的数据提交到服务器 -->
<input type="submit">
<br>
<input type="reset">
<br>
<input type="button" value="普通按钮">
<br>
<input type="file">
</form>
![](https://img.haomeiwen.com/i9087481/8a7a337b508ed1a9.png)