form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
HTML 表单用于搜集不同类型的用户输入,然后将数据提交到服务器。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。所有表单控件,只有放在<form>标签里,才能将数据提交到服务器。
- 常见的input标签:
input标签 | 作用 |
---|---|
text | 单行文本框 |
password | 圆点密码框 |
button | 普通按钮 |
submit | 提交所有数据按钮 |
checkbox | 多选框 |
radio | 单选框 |
file | 文件上传 |
reset | 重置所有项 |
hidden | 隐藏域 |
post 和 get 方式的区别?
- GET请求的数据会附在URL之后(就是把数据放置在HTTP协议头中),以?分割URL和传输数据,参数之间以&相连,如果数据是英文字母/数字,原样发送,如果是空格,转换为+,如果是中文/其他字符,则直接把字符串用BASE64加密;POST把提交的数据则放置在是HTTP包的包体中。
- POST的安全性要比GET的安全性高。比如:通过GET提交数据,用户名和密码将明文出现在URL上。除此之外,使用GET提交数据还可能会造成Cross-site request forgery攻击。
- Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求。 GET 请求一般不应产生副作用。就是说,它仅仅是获取资源信息,就像数据库查询一样,不会修改,增加数据,不会影响资源的状态。 get提交的信息有限,根据不同浏览器对URL长度限制的不同而受到不同的限制。而post理论上可以提交无限的信息量。
在input里,name 有什么作用?
name属性规定了input元素的名称,用于后续提交表单数据,或者在JS中引用表单。 POST和GET的时候,name和input中的值会形成的 键/值 对,服务器端的表单处理程序只有通过name才能获取到相应的用户输入。 check和radio靠相同的name值分组。
radio 如何 分组?
通过name属性分组。相同的name为一组。
举例:<input type="radio" name="sex" value="男">
<input type="radio" name="sex" value="女">女
<input type="radio" name="sex1" value="男">男
<input type="radio" name="sex2" value="女">女
"sex"为一组,"sex1"为同一组。
placeholder 属性有什么作用?
placeholder属性规定用以描述输入字段预期值的提示,该提示会在用户输入值之前显示在输入字段中,输入正确的值之后自动消失。
type=hidden隐藏域有什么作用? 举例说明。
标签<input type="hidden" name="" value="">标签的作用是:隐藏不想让用户看到的信息,但是这些信息对于Web应用又是非常必要的。浏览者发送表单的时候,隐藏域的信息也被一起发送到服务器,后台通过用户隐藏域中value的值,就可以识别用户,来提高安全性。
网友评论