HTML表单用法

form表单的作用

form表单的主要作用是采集和传输用户信息


常见的<input>标签和作用

  • text标签,用于输入单行文本;
  • password标签,用于输入密码;
  • checkbox标签,用于多选项分组;
  • radio标签,用于单选项分组;
  • file标签,用于上传文件功能,可以用 accept属性限制上传文件的类型;
  • hidden标签,用于定义隐藏的输入字段,暂存数据或信息安全等;
  • button标签,用于定义可点击按钮,多用于通过JavaScript启动脚本;
  • submit标签,用于定义提交按钮,将表单数据发送到服务器;
  • reset标签,用于定义重置按钮,将表单数据清空重置。

post和get方式的区别

  1. 传输方式不同:get会将表单的key值和value值拼接组成URL发送给服务器,post不会改变URL;
  2. 安全性不同:get发送的URL使用明文方式组成,存在明显的安全隐患,post不会出现这个问题;
  3. 传输数据大小不同:get发送数据时会受到URL字符数的限制,post不受这个限制;
  4. 作用对象不同:get通常用于向服务器索取数据,post通常用于向服务器发送数据。

<input>标签的name属性的作用

name属性规定了<input>元素的名称,用于对表单数据标识,只有标识过的数据才能正确的向服务器传递值。


radio如何分组

radio标签通过name属性分组, name值相同的为一组,同组radio只能单选一个value值传送数据。


placeholder属性的作用

placeholder属性用于在输入框内展示一个提示信息,这个信息不会跟随用户输入的表单数据一起传送给服务器。


hidden隐藏域的作用

服务器可以先向hidden传送一个随机值,当用户向服务器传送数据时,服务器再验证hidden是否被更改,以此判定用户传送的数据是否被篡改,以确保数据信息的安全,其作用类似于隐形的验证码。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • html表单用途 html用于收集用户的输入向服务端提交数据,从而实现用户与web端的交互 html表单的属性 1...
    zhangkun_sunset阅读 336评论 0 0
  • HTML form表单用于为用户输入创建 HTML 表单。收集用户不同类型的数据。 HTML Form 語法 表单...
    饥人谷_空影幽灵阅读 271评论 0 0
  • 1. 简介 HTML 表单表示文档中的一个区域,包含了表单元素等交互控制原件,用于向 web 服务器提交信息。 f...
    饥人谷_风争阅读 322评论 0 0
  • 表单是一个包含表单元素的区域表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。表单元素必...
    yuhuan121阅读 307评论 0 1
  • 这篇文章,为了一个读者而写,她含泪跟我讲诉了她的故事,虽然我并不擅长写故事。 她和老公,是前几年家里人介绍认识的,...
    彭晨龙阅读 268评论 0 1