美文网首页
HTML表单学习笔记

HTML表单学习笔记

作者: 飘飘流浪者 | 来源:发表于2017-04-07 21:32 被阅读0次

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的值,就可以识别用户,来提高安全性。

相关文章

  • HTML5学习笔记之表单标签

    HTML5学习笔记之表单标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML表单学习笔记

    1. action写提交的地址; 2.chrome控制台打开,选择network,勾选preserve log,下...

  • HTML表单学习笔记

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于搜集不同类型的用户输入,...

  • HTML学习笔记(二)

    HTML学习笔记(二) 使用列表 使用表格 使用表单 添加多媒体 使用列表 ...

  • 2019-10-24 表单标签

    今天学习了html表单 HTML表单(

    标签) 属性: 1 action:决定表单提交的地...

  • HTML笔记--表单标签

    HTML笔记--表单标签 标签(空格分隔): HTML 表单标签(****最重要的一个标签*****) 可以用来实...

  • HTML表单

    本笔记记于2021年,摘自MDN HTML板块 1.HTML表单是什么 HTML表单是用户和web站点或应用程序之...

  • HTML表单学习

    一、post与get方式提交数据的区别 post是向服务器传送数据,get是从服务器获取数据。 post是通过HT...

  • HTML-form表单学习笔记

    一. post和get方式提交数据的区别 安全性:get提交的数据url可以看得到,post看不到,并且get提交...

  • 使表单结构化

    引言 在学习过第一个HTML表单后,我们将详细讲述构成一个表单的不同部分。HTML表单的灵活性使它成为HTML文档...

网友评论

      本文标题:HTML表单学习笔记

      本文链接:https://www.haomeiwen.com/subject/tmjqattx.html