美文网首页
FORM表单

FORM表单

作者: Chy18 | 来源:发表于2017-02-18 00:20 被阅读0次

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

  • form表单有什么作用?
    <form> 标签用于为用户输入创建 HTML 表单并向服务器传输数据。

  • 有哪些常用的input 标签,分别有什么作用?
    单行文本框<input type="text">
    密码框<input type="password">
    单选组件<input type="radio">
    多选组件<input type="checkbox">
    隐藏组件<input type="hidden" name=" " value=" ">
    按钮:
    普通按钮<input type="button"> !!!但不会提交
    提交数据按钮<input type="submit" >
    重置按钮<input type="reset">

2.post 和 get 方式的区别?

1.get:在向后台传输数据时,会用&把数据连接起来,然后链接在?后面,形成一个新的URL。而post不会形成新的URL,但数据依旧能传输给后台。
2.get常用于向后台提取或查询数据,即输入一个提示词,后台根据提示词筛选数据,从而得到数据。而post常用于向后台传输数据,post的安全性较高。
3.get方式可提交的数据量跟URL的长度有直接关系,因此并不能传输大量的数据。而post传输的数据量取决于服务器的处理程序的处理能力,但相比get方式,能够传输较大量的数据。
4.在form中,Method的默认方式是get。

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

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

4.radio 如何 分组?

将需要设为同一分组的radio的name属性,设为相同值。
下面为同一组:

<input type="radio" name="a" value="1">
<input type="radio" name="a" value="2">
<input type="radio" name="a" value="3">

下面为不同组:

<input type="radio" name="a" value="1">
<input type="radio" name="b" value="1">

5.placeholder 属性有什么作用?

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

示例

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

1.隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。
2.能够防止csrf攻击,若被知晓服务器并向其传输数据,但由于<input type="hidden" name="" value="">中得到的name和value与服务器中存储的不相符,则不会更新服务器中的数据,从而抵挡csrf的攻击。

7. HTML 表单的用法

相关文章

网友评论

      本文标题:FORM表单

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