在 HTML 中,表单是由
标记定界的区域,包含文本输入框、按钮、复选框和图形用户界面的其他功能部件。Web 应用程序使用表单以允许最终用户提供要发送到服务器的数据。form元素
常用属性:
action:
提交表单的地址
method:
提交表单使用的方法,一般有get和post两种。
input元素
input元素通过type属性来设置不同的input类型。
文本域
姓名:
密码域
密码:
复选
checked为默认勾选项
爱好:
dota
篮球
骑行
单选
checked为默认勾选项
性别:
男
女
提交
重置
按钮
隐藏域
对用户不可见,祥见 form常见问题
选择并上传文件
accept属性可限制选择文件的类型
select元素
selected为默认选中项
萨博
本田
奔驰
label元素
label元素为input元素定义标注。
当for属性与关联元素的 id 属性要相同时,当鼠标选择该标签时,关联的元素控件会获得焦点。
姓名
textarea元素
from相关
form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
标签用于为用户输入创建 HTML 表单,表单用于向服务器传输数据。常用的input标签和作用
button——定义可点击的按钮
checkbox——定义复选框
radio——定义单选按钮
text——定义单行输入框,可在其中输入文本
file——定义输入字段和“浏览”按钮,供文件上传
hidden——定义隐藏的输入字段
image——定义图像形式的提交按钮
password——定义密码字段,该字段中的字符被掩码
reset——定义重置按钮,用于清除表单中的所有数据
submit——定义提交按钮,把表单数据发给服务器
post 和 get 方式的区别?
** GET**
查询字符串(名称/值对)是在 GET 请求的 URL 中发送的:
test/demo_form.asp?name1=value1&name2=value2
GET 请求可被缓存
GET 请求保留在浏览器历史记录中
GET 请求可被收藏为书签
GET 请求不应在处理敏感数据时使用
GET 请求有长度限制
GET 请求只应当用于取回数据
POST
POST /test/demo_form.asp HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2
POST 请求不会被缓存
POST 请求不会保留在浏览器历史记录中
POST 不能被收藏为书签
POST 请求对数据长度没有要求
在搜索引擎中检索信息等获取信息,使用get方法。在注册、登录、提交用户信息等提交信息,应使用post方法。
在input里,name 有什么作用?
1)规定input元素的名称,用于对提交到服务器后的表单数据进行标识;
2)在客户端提供给 JavaScript,使其可以引用表单数据;
3)用于单选/多选分组,相同name为一组。
radio 如何 分组?
通过相同name的值来分组
placeholder 属性有什么作用?
提供可描述输入字段预期值的提示信息,该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
type=hidden隐藏域有什么作用? 举例说明
隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。
< input type="hidden" name="xxx" value="yyy">
当用户使用提交按钮提交信息时,将同时上传value值为yyy的信息。
评论: