HTML表单form标签
2019-02-11 23:10
85 查看
form表单标签学习:
- 作用:收集并提交用户数据给指定服务器
- 属性:
action:收集的数据提交地址也就是URL
method:收集的数据的提交方式
1.get :适合小量数据,表单数据以?隔开拼接在URL后面,不同的键值对使用&符号隔开,不安全.
2.post:适合大量数据,安全,隐式提交
注意
1.表单数据的提交,要提交的表单项必须拥有name属性值,否则不会提交.
2.提交的表单项数据为键值对,键为name属性的值,值为用户书写的数据
3.form标签会收集其标签内部的数据
4.form表单的数据提交需要依赖于submit提交按钮.form表单域标签:
作用:给用户提供可以进行数据书写或者选择的标签. - 使用:
1.文本框: input
属性 type:
text 收集少量的文本数据,用户可见
password 收集用户密码数据
name:数据提交的键,也会被js使用
value: 默认值
2.单选框:
input
type:
radio
name:name属性值相同的单选框只能选择一项数据
value:要提交的数据
checked:checked 使用此属性的单选默认是选择状态
3.多选框:
input:
type:
checkbox
name:一个多选组需要使用相同的name属性值
value:要提交的数据
checked:checked 使用此属性的多选框默认是选择状态
4.单选下拉框:
select:
name:数据提交的键名,必须声明
子标签option:一个option标签表示一个下拉选项
value:要提交的数据
5.文本域:
textarea:声明一个可以书写大量文字的文本区域
name:数据提交的键名,js和css也会使用
rows:声明文本域的行数
cols:声明文本域的列数
6.普通按钮:
input:
type:
button
value:
7.隐藏标签:
input
type:
hidden
name
value
注意:表单数据提交提交的是表单域标签的value值
form表单标签的使用:
在点击数据提交时,form标签会将其内部所有form表单域标签中用户书写的数据按照method指明的提交方式提交给action属性所指明的提交地址.
相关文章推荐
- HTML table、form表单标签的介绍
- HTML table、form表单标签的介绍
- Html辅助方法 之 Form表单标签
- 【Html】form表单中的label标签
- 获取form表单提交回来的值或者html标签的值或者加载过后重新给lable赋的值
- HTML的表单form以及form内部标签
- 循序渐进Python3(十三) --3-- django之form表单(为自动生成的html标签添加样式)
- 4 django系列之HTML通过form标签来同时提交表单内容与上传文件
- Html辅助方法 之 Form表单标签
- Html辅助方法 之 Form表单标签
- Html form <select>下拉列表菜单与跳转菜单表单标签篇
- html表格以及form表单部分标签的使用
- HTML标签天天练7--表单4<form>[textarea]到此 表单学习结束
- Html辅助方法 之 Form表单标签
- 在学习HTML——form表单中的label标签时的一点小体会
- HTML标签天天练7--表单2<form>[select][option][checkbox]
- HTML table、form表单标签的介绍
- HTML的表单form以及form内部标签
- 提交表单存在html标签报错-检测到有潜在危险的 Request.Form 值
- HTML标签天天练7--表单1<form>[text][password][radio]