美文网首页
HTML的表单总动员

HTML的表单总动员

作者: PhilongHuynh | 来源:发表于2017-05-23 02:08 被阅读0次
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.最后一点出于安全性的考虑,我们的页面当被无故劫持时,可以透过前端发来的数据与后端的实现记录下来的数据进行对比,如果相同我们就可以暂时判断网页是安全的。

相关文章

  • HTML的表单总动员

    1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 在开发WEB程序过程中,表单是页面...

  • HTML表单的简单用法

    HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...

  • 简单介绍 HTML 表单的用法

    HTML 表单用于收集用户输入, 元素定义 HTML 表单。HTML 表单包含表单元素,表单元素指的是不同类型的...

  • HTML表单的用法

    html表单用于搜集不同类型的用户输入。

    元素 form元素定义html表单 HTML 表单包含表单元...

  • HTML学习笔记(四)

    一:HTML 表单 HTML 表单用于搜集不同类型的用户输入。 元素 HTML 表单用于收集用户输入。 HTML ...

  • HTML 表单的用法

    HTML 表单用于搜集不同类型的用户输入 元素定义 HTML 表单: 所有属性如下 HTML 表单包含表单元素表...

  • Django学习-第十三讲(下):表单(一)forms.form

    1. html表单和django中的表单的区别 HTML中的表单: 单纯从前端的html来说,表单是用来提交数据给...

  • 08-表单

    本节案例 表单的作用 HTML 表单用于收集用户输入。 表单form 元素定义 HTML 表单,里面需要有各种表单...

  • HTML表单介绍

    HTML 表单用于搜集不同类型的用户输入, 元素定义 HTML 表单;HTML 表单包含不同类型的 input ...

  • HTML表单用法

    HTML form表单用于为用户输入创建 HTML 表单。收集用户不同类型的数据。 HTML Form 語法 表单...

网友评论

      本文标题:HTML的表单总动员

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