美文网首页
HTML表单相关概念

HTML表单相关概念

作者: yangchaojun | 来源:发表于2017-09-13 20:28 被阅读0次

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

通俗的讲 form标签是用来进行表单提交用的,表单在网页中主要负责数据采集功能。
form标签里面的常见属性如下:
action: 表单提交的地址, 肯定是要提交给某个服务器的,action的地址就是要提交的服务器的地址
method:以何种方式提交,常见的为get和post. 区别在于一个是明文(在url中显示),一个是暗文
常用的input 标签及其作用
type 属性取值:
text -- 文字输入域(输入型)
password -- 也是文字输入域,但是输入的文字以密码符号'*'显示(输入型)
file -- 可以输入一个文件路径(输入型)
checkbox -- 复选框.可以选择零个或多个(选择型)
radio -- 单选框.只可以选择一个而且必须选择一个(选择型)
hidden -- 代表隐藏域,可以传送一些隐藏的信息到服务器
button -- 按钮(点击型)
image -- 使用图片来显示按钮,使用src属性指定图像的位置(就像img标签的src属性)(点击型)
submit -- 提交按钮,表单填写完毕可以提交,把信息传送到服务器.可以使用value属性来显示按钮上的文字(点击型)
reset -- 重置按钮,可以把表单中的信息清空(点击型)

2.post 和 get 方式的区别?

根据HTTP规范,GET用于信息获取,而且应该是安全的和幂等的。
所谓安全的意味着该操作用于获取信息而非修改信息。换句话说,GET 请求一般不应产生副作用。就是说,它仅仅是获取资源信息,就像数据库查询一样,不会修改,增加数据,不会影响资源的状态。

注意:这里安全的含义仅仅是指是非修改信息。
幂等的意味着对同一URL的多个请求应该返回同样的结果。

幂等(idempotent、idempotence)是一个数学或计算机学概念,常见于抽象代数中。
根据HTTP规范,POST表示可能修改变服务器上的资源的请求。
GET请求的数据会附在URL之后(就是把数据放置在HTTP协议头中),以?分割URL和传输数据,参数之间以&相连,如:login.action?name=hyddd&password=idontknow&verify=%E4%BD%A0%E5%A5%BD。如果数据是英文字母/数字,原样发送,如果是空格,转换为+,如果是中文/其他字符,则直接把字符串用BASE64加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX为该符号以16进制表示的ASCII。
POST把提交的数据则放置在是HTTP包的包体中。
GET方式提交的数据最多只能是1024字节,理论上POST没有限制,可传较大量的数据

其实这样说是错误的,不准确的:首先是"GET方式提交的数据最多只能是1024字节",因为GET是通过URL提交数据,那么GET可提交的数据量就跟URL的长度有直接关系了。而实际上,URL不存在参数上限的问题,HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。IE对URL长度的限制是2083字节(2K+35)。对于其他浏览器,如Netscape、FireFox等,理论上没有长度限制,其限制取决于操作系统的支持。注意这是限制是整个URL长度,而不仅仅是你的参数值数据长度。
理论上讲,POST是没有大小限制的,HTTP协议规范也没有进行大小限制,说“POST数据量存在80K/100K的大小限制”是不准确的,POST数据是没有限制的,起限制作用的是服务器的处理程序的处理能力。
POST的安全性要比GET的安全性高。注意:这里所说的安全性和上面GET提到的“安全”不是同个概念。上面“安全”的含义仅仅是不作数据修改,而这里安全的含义是真正的Security的含义,比如:通过GET提交数据,用户名和密码将明文出现在URL上,因为(1)登录页面有可能被浏览器缓存,(2)其他人查看浏览器的历史纪录,那么别人就可以拿到你的账号和密码了,除此之外,使用GET提交数据还可能会造成Cross-site request forgery攻击。

总结一下,Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求,在FORM(表单)中,Method默认为"GET",实质上,GET和POST只是发送机制不同,并不是一个取一个发!

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

name 属性规定 input 元素的名称,用于对提交到服务器后的表单数据进行标识,或者在客户端提供给 JavaScript,使其可以引用表单数据。

4.radio 如何 分组?

具有相同 name 属性值的 radio 为同一组

5.placeholder 属性有什么作用?

提供可描述输入字段预期值的提示信息,该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

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

type属性值定义为hidden可定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,它们的值也可以由 JavaScript 进行修改。
一方面隐藏数据可以暂存数据,例如用户不需要见到,但操作网页时可能用到的数据;另一方面可以提高安全性,例如,页面提交表单时可通过type=hidden设置一段隐藏的按照预先算法约定好的随机字段,服务器在收到表单数据时对这个隐藏字段进行校验,来识别该表单数据来源是否可靠,从而避免服务器数据被假页面提交的数据攻击篡改。

相关文章

  • HTML表单 -- 相关概念

    1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表单是一个包含表单元素的区域,允许用...

  • HTML表单相关概念

    1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 通俗的讲 form标签是用来进行表单提...

  • HTML表单相关概念

    1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 通俗的讲 form标签是用来进行表单提...

  • Day07--HTML

    web概念概述 HTML HTML标签:表单标签

  • HTML-form表单相关概念

    form表单有什么作用?有哪些常用的input标签,分别有什么作用? 表单用于向服务器传送数据。 常见的input...

  • HTML 表单的用法

    概念 HTML 表单用于搜集不同类型的用户输入。 HTML 表单元素 ** 元素**最重要的表单元素是 元...

  • HTML——相关概念

    1.HTML文档(网页) HTML文档又称为网页。 2.Web浏览器 用于读取HTML文件,并且将其作为网页显示 ...

  • Day01_HTML基础

    内容概括: 1、介绍、HTML相关概念,HTML发展历史 2、WEB标准,W3C/WHATWG/ECMA相关概念 ...

  • 05-HTML表单标签

    表单标签 作用:用于收集用户信息, 让用户填写、选择相关信息 格式: 什么是表单元素?表单元素其实还是HTML中的...

  • JavaWeb学习—HTML表单标签

    HTML标签:表单标签 表单:概念:用于采集用户输入的数据的。用于和服务器进行交互。form:用于定义表单的。可以...

网友评论

      本文标题:HTML表单相关概念

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