表单通常由表单域,表单元素和提示信息三个部分构成。
表单域包含表单元素的区域。
<form></form>用于定于表单域,把中间的信息全部传送给相应位置。
form的属性如下表
属性名 | 值 | 说明 |
action | url地址 | 提交的地址 |
method | get/post | 提交方式 |
name | 名称 | 表单域名称 |
表单控件
- input输入表单元素
- select下拉表单元素
- textarea文本域元素
input
input有一个必须属性type样式
<input type="属性值">
属性值 | 说明 |
button | 可点击按钮 |
checkbox | 复选框 |
file | 供上传文件 |
image | 图像形式的提交按钮 |
password | 密码 |
radio | 单选按钮 |
reset | 重置按钮 |
submit | 提交按钮 |
text | 输入单行文本 |
注意:<input type="image" url="图片地址">
使用单选按钮是,要设置相同的name,才能实现单选
<input type="radio" name="sex">
<input type="radio" name="sex">
input其他属性name,value,checked
- name元素的名称
- value元素的值
- checked页面加载是首次选中的
- placeholder占位符
select
<select>
<option>中国</option>
<option>俄罗斯</option>
<option>意大利</option>
</select>
label用于绑定文字和表单按钮,增加用户体验