HTML表单学习笔记

form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

HTML 表单用于搜集不同类型的用户输入,然后将数据提交到服务器。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。所有表单控件,只有放在

标签里,才能将数据提交到服务器。

  • 常见的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为一组。
举例:



"sex"为一组,"sex1"为同一组。

placeholder 属性有什么作用?

placeholder属性规定用以描述输入字段预期值的提示,该提示会在用户输入值之前显示在输入字段中,输入正确的值之后自动消失。

type=hidden隐藏域有什么作用? 举例说明。

标签标签的作用是:隐藏不想让用户看到的信息,但是这些信息对于Web应用又是非常必要的。浏览者发送表单的时候,隐藏域的信息也被一起发送到服务器,后台通过用户隐藏域中value的值,就可以识别用户,来提高安全性。

你可能感兴趣的:(HTML表单学习笔记)