表单标签
概念:用于采集用户输入数据的。同于和服务器进行交互。
form:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围
from 属性:
1.action:指定提交数据的URL。
2.method:指定提交方式:
分类:一共有7中,2种比较常用。
a.get:
1.请求参数会在地址栏中显示。会封装到请求行中
2.请求参数大小是有限制的。
3.不太安全。
b.post:
1.请求参数不会在地址栏中显示。会封装到请求体中。
2.请求参数没有大小限制。
3.较为安全
表单项中数据想要提交:必须指定name属性
表单项标签:
input:可以通过type属性值来改变元素展示的样式。
type属性:
1.text:文本输入框,默认值
placeholder:指定输入框中的信息,当输入输入框中信息发生变化,会自动清空提示信息。
2.password:密码输入框
3.radio:单选框
注意:
1.要想让多个单选框实现单选的效果,则多个单选框的name属性必须一致。
2.一般会给每一个单选框提供value属性,指定其被选中后提交的值。
3.checked属性,可以指定默认值。
4.checkbox:复选框
注意:
1.一般会给每一个单选框提供value属性,指定其被选中后提交的值。
2.checked属性,可以指定默认值。
3.file:文件选择框。
4.hidden:隐藏域。用于提交一些信息。
5.按钮:
1.submit:提交按钮,可以提交表单
2.button:普通按钮。
3.image:图片提交按钮。
src属性指定图片的路径。
5.label:指定输入项的文字信息。
label的for属性一般会和input的id属性值对应。如果对应了,则点击label区域,会让input输入框获取焦点。
4.select:下拉列表
子元素 option:指定列表项
5.textarea:文本域:
cols:指定列数,每一行有多少个字符
rows:默认有多少行。