1.form标签
action:定义提交的地址
method:定义提交的方式 get | post
get方式:以url?参数名=值&参数名=值 的方式提交
数据在地址栏,可见,不安全
数据大小有限,最大大约2kb
post方式:数据不可见
比较安全
数据大小不受限制
enctype属性:在上传文件的时候需要设置
语法:
<form action="url" method="get|post"></form>
2.input标签
type属性:
text 单行文本框
password 密码框
submit 提交按钮
reset 重置按钮
button 普通按钮
radio 单选框,一组name名字相同
checkbox 多选框,一组name名字相同,name以数组形式,加[]
file 文件上传框
hidden 隐藏域
image 图片按钮
name属性:设置参数名
1.需要提交的数据,必须设置name
2.name的命名规则:只能出现 英文/数字/下划线 数字不能开头
value属性:设置默认值
checked属性:单选与多选框默认选中
3.下拉框
select标签:下拉框,写在form里面
name属性
option标签:下拉选项,写在select里面
value属性:如果设置了value,提交的是value的值,没设置value,提交option标签中间的内容
语法:
<select name="">
<option value="值">显示文字</option>
<option value="值">显示文字</option>
......
</select>
4.多行文本域
textarea标签:多行文本域
name属性
默认值:写在标签中间
5.label标注
6.button按钮
type属性:
submit 提交
reset 重置
button 普通