为什么需要表单
收集用户信息,跟用户进行交互
表单组成
表单域、表单控件、提示信息
表单域
包含表单元素的区域
<form act="url地址" method="提交方式" name="表单域名称">
会把它范围内的表单元素信息交给表单域
</form>
表单控件
<input type="属性值">
完整版:
<input type="属性值" name="表单元素的名字" value="input元素的值">
属性值 描述
button 定义可点击按钮
checkbox 定义复选框
file 定义输入字段和"浏览"按钮,供文件上传
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段,该字段中的字符被掩盖
radio 定义单选按钮
reset 定义重置按钮,重置按钮会轻触表单中的所有数据
submit 定义提交按钮,提交按钮会把表单数据发送到服务器
text 定义单行输入字段,用户可在其中输入文本,默认宽度为20个字符
除了type属性以外,<input>标签还有其他很多属性
属性 属性值 描述
name 由用户自定义 定义input元素的名称
value 由用户自定义 规定input元素的值
checked checked 规定此input元素首次加载时应该被选中
maxlength 正整数 规定输入文字段中的字符的最大长度
注释:实现单选按钮的方式
性别:男<input type="radio" name="sex"> 女<input type="radio" name="sex">
这里的name属性必须是一样的才能实现单选
name和value属性值主要是给后台人员使用的
name表单中元素的名字,要求单选按钮和复选框要有相同的name值
单选或者多选加入checked属性就可以默认被选中