HTML的表单总动员

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

  在开发WEB程序过程中,表单是页面上非常重要的内容,用户可以输入的的大部分内容都是在表单的元素中完成的。在客户端与服务器的交互在大多数情况下也是通过用户点击表单中的按钮来完成的。
常见的input标签:
text :文本 常见于用户输入文本内容
hidden:防止一些隐秘的数据
radio:单选框 常见的用于用户需要对描述内容作出唯一的判断
checkbox:复选框 常见于对描述内容要求多选
select:下拉框 是option的父级元素,option元素内容为下拉框内容
textarea:文本域 可以设置宽-高。作用为大量为本输出提供文本域
button:按钮,常见的有提交,重置作用。(也有图片按钮)
label:为一个文本框控件与一个验证按钮,为文本绑定一个标签元素

在HTML5以后又引入了新的元素:

text/plain:转换 主要作用于将空格转换成“+”号,不对其他特殊编码
required:提醒 在当前文本域输入内容为空白时,会提示用户必须输入内容
(在设置表单元素时不要遗漏编辑value值,否则不能后端无法获取前台数据)

2. post 和 get 方式的区别?

区别:get是向服务器发送索取请求,post则是向服务器发送提交数据请求。

  • 以安全性而言,get的请求安全性要低于post,get的请求内容可以从网址的url轻易获取。而post提交的数据只有通过后台获取。所以不难得出,在执行效率方面post是远远低于get的。
  • 以提交机制而言,post提交的目的地是HTTP pos对于用户来说是透明的。而get提交的目的地则是action中的url指向的地址。
  • 以大小的角度而言,理论上讲,post是没有大小限制的,HTTP协议规范也没有进行大小限制。但是我们提交的数据又受限于服务器处理数据能力。在这一方面,post能够提交的数据是大于get。
  • 以发送方式而言,get会使url发生改变,拼成key= ,value=的方式向服务器发送,post不会改变url,更私密并且理论上传输数据大小不受限.
3.在input里,name 有什么作用?

那么属性可以通过提交数据的索引-附记,通过控制相同的name属性来实现单选框的实现。

4.radio 如何分组?

为属于同一组(类别)的选项赋予相同的name值
eg:
<input name="sex" value="women">女
<input name="sex" value="man">男
<input name="sex" value="secrecy">保密

5.placeholder 属性有什么作用?

placeholder是指文本框<input type="text">或者<textarea>处于未输入状态时显示输入提示。当文本框处于未输入状态且未获取光标焦点时,模糊显示输入提示文字。

6.type=hidden隐藏域有什么作用?

  一般而言,前端的code都是开源的。用户很轻易的就可以获取,但是hiddeen比较特殊,它是一个隐藏的域。所以我对hidden有以下几点理解:1.项目上线时。功能为完全具备。留下hidde以后可能为以后的开发埋下伏笔。2.开发者用于暂存一些信息。3.最后一点出于安全性的考虑,我们的页面当被无故劫持时,可以透过前端发来的数据与后端的实现记录下来的数据进行对比,如果相同我们就可以暂时判断网页是安全的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 9,492评论 0 3
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 4,826评论 0 0
  • 1.动手 form 表单table 表格 2. <form>表单元素 1) 简述: 元素是块级元素,其开始标签和结...
    _Dot912阅读 6,213评论 2 8
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 4,408评论 0 1
  • 目标这本书去年老师说的时候,我就买来读了,读了一半,对于书中罗哥救厂的经历我还是很震撼的,读了书以后,结合我现在的...
    多姿多彩的人生阅读 1,339评论 0 1