HTML表单的用法

作者: 徐国军_plus | 来源:发表于2017-03-06 12:53 被阅读92次

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

form表单的作用是把用户输入的数据提交到后台;

<input name="username" type="text"> 用于输入文本信息
<input name="password" type="password"> 用于输入密码,输入的内容显示为圆点
<input name="sex" type="radio"> 单选框
<input name="hobby" type="checkbox"> 复选框
<input name="" type="hidden"> 隐藏域,用户看不到,用于暂存数据,或者安全性校验
<input type="submit" /> 提交输入
<input type="reset" value="Reset" /> 重置输入

2、post 和 get 方式的区别?

  • get是从服务器上获取数据,post是向服务器传送数据。
  • get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTPpost机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
  • get传送的数据量较小,不能大于2KB。post传送的数据量较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击。
  • get安全性非常低,post安全性较高。get方式提交数据,会带来安全问题,比如一个登陆页面,通过 Get 方式提交数据时,用户名和密码将出现在URL上,如果页面可以被缓存或者其他人可以访问客户这台机器,就可以从历史记录获得该用户的帐号和密码,所以表单提交建议使用 post 方法。

3、在input里,name 有什么作用?

name 属性用于对提交到服务器后的表单数据进行标识,只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

4、radio 如何分组?

通过name属性值的不同分组,同一组的name必须相同

5、placeholder 属性有什么作用?

在文本框中显示提示语。

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

隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。

代码格式:

<input type="hidden" name="..." value="...">
属性解释:

type=”hidden”定义隐藏域;

name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

value属性定义隐藏域的值

例如:

<input type=”hidden” name=”ExPws” value=”dd”>
其实说白了就隐藏域不在前台显视的,跟表单的元素一样.有名字有数值,只是在提交数据是不可见的

隐藏域的作用:

  • 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。
  • 有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼。
  • 有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上onclick=”document.form.command.value=”xx”“然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。

相关文章

  • HTML表单的简单用法

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

  • HTML表单的用法

    HTML表单的用法 表单表单作用:HTML表单用于搜集不同类型的用户输入。表单的工作机制访问一个含有表单的页面输入...

  • FORM 表单

    html表单的简单用法 form表单作用: form标签用于为用户输入创建HTML表单,用于向服务器传输数据 fo...

  • 表单的一些用法

    HTML表单的一些用法 1.表单的作用: HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据...

  • HTML表单的用法

    Html表单用于搜集不同类型的用户输入。 常用属性

    元素 元素定义 HTML 表单区间,而这个区间的...

  • html表单的用法

    form 是html中一个比较常用的标签,form的作用是用来收集用户输入的信息,即用户需要与服务器交互,需要提交...

  • HTML 表单的用法

    什么是form表单 表单在网页中主要负责数据采集功能,把用户填写的信息提交到网站的后台服务器。 form标签的常用...

  • HTML 表单的用法

    HTML 表单用于搜集不同类型的用户输入。用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。HTM...

  • HTML 表单的用法

    一、基础概念知识 1.表单主要分为两部分: 一是HTML文档描述的表彰;二是提交后的表单处理(服务器端处理数据,这...

  • HTML 表单的用法

    一、表单的作用 表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分:表单标签:这里面包含了处理表单数据所...

网友评论

    本文标题:HTML表单的用法

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