一、表单域
<form action="后台地址" method="请求方式" name="表单名字"> </form>
需了解服务器编程
二、表单元素
<input type="属性值"> 输入型表单元素,单标签
type属性的属性值及其描述:
button 定义可点击的按钮,用于通过JavaScript启动脚本
checkbox 定义复选框
file 定义输入字段和“浏览”按钮,供文件上传
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段,呈现加密形式
radio 定义单选按钮
reset 定义重置按钮,重置按钮会清除表单中的所有数据
submit 定义提交按钮,会把表单数据发送到服务器
text 定义单行的输入字段,可在其中输入文本,默认宽度为20字符
name 由用户自定义 定义input元素的名称
value 由用户自定义 规定input元素的值 会向后台传输的数据
checked 规定input元素首次加载时应当被选中
maxlength 正整数,规定输入字段中的字符最大长度
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>
网友评论