FORM表单

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 表单的用法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 4,421评论 0 1
  • form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 标签用于为用户创建HTML表单,并向服务器...
    zx9426阅读 3,693评论 0 1
  • form表单作用及常用input标签 表单在网页中主要负责数据采集功能。表单也是用来提交资料、意见,规范流程执行过...
    饥人谷_张乐阅读 3,388评论 0 0
  • 1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用? form表单的作用是: 表单的作用是...
    熊蛋子17阅读 3,596评论 1 5
  • 1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用? form表单: 标签用于为用户输入创...
    Volcaner阅读 4,266评论 0 0

友情链接更多精彩内容