HTML的form标签学习

form表单标签学习

作用：收集并提交用户数据给指定的服务器
注意：form标签会收集标签的内部数据
属性：
action：收集的数据提交地址，也就是URL
method：收集数据的提交方式
get:适合小量数据,数据以？隔开拼接在URL后面，不同的键值对用&符号隔开
post:适合大量数据，安全，地址栏上不显示提交的数据。
注意：表单数据的提交，要提交的表单项必须拥有name属性值，否则不会提交
提交的表单项数据为键值对，键为name属性的值，值为用户书写的数据

form表单域标签学习

作用：给用户提供可以进行数据书写和选择的标签
使用：
文本框：
input
type：
text：收集少量用户数据，用户可见
password：收集用户密码数据
name：数据提交的键，也会被JS使用
value：默认值
单选框：
input：
type：
radio：
name：name属性值相同的单选框只能选择一项数据
value:要提交的数据
checked：checked 使用此属性单选默认是选择状态
多选框：
input：
type：
CheckBox：
name：一个多选组需要使用相同的name属性值
value：要提交的数据
checked：checked 使用此属性单选默认是选择状态
下拉框：
select：
name：数据提交的键名，必须声明
子标签option：一个option标签表示一个下拉选项
value：要提交的数据
文本域：
textarea：声明一个可以书写大量文字的文本区域
name：键名，JS和CSS也会使用
rows：声明文本域的行数
cols: 声明文本域的列数
普通按钮：
input：
type：
button
value：提交的数据
隐藏标签：
input
type：
hidden
name
value
注意：表单数据提交提交的是表单域标签的value值
form表单标签的使用：
在点击数据提交时，form标签会将其所有内部form表单域标签中用户书写的数据按照method指定的提交方式提交给action属性指明的提交地址