HTML中form表单的一些常见问题

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

    • 表单方便后端获取用户的一些信息或者一些关键词,方便后端保存数据或者查询发送需要想要查询的内容。
    • ①select:制作一个下拉列表,方便用户多选或者单选。
      ②textarea:一个多行文本框,方便用户输入更多内容。
      ③hidden:隐藏控件,安全。
      ④password:密码控件。
      ⑤text:文本输入框
      ⑥checkbox:多项选择控件。
      ⑦radio:单项选择控件。
      ⑧submit:提交按钮,向后端提交数据。
      ⑨button:提交按钮,写在form标签内,作用和submit一样。
  2. post 和 get 方式的区别?

    • GET后退按钮/刷新无害,POST数据会被重新提交(浏览器应该告知用户数据会被重新提交)。
    • GET书签可收藏,POST为书签不可收藏。
    • GET能被缓存,POST不能缓存 。
    • GET编码类型application/x-www-form-url,POST编码类型application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。
    • GET历史参数保留在浏览器历史中。POST参数不会保存在浏览器历史中。
    • GET对数据长度有限制,当发送数据时,GET 方法向 URL 添加数据;URL 的长度是受限制的(URL 的最大长度是 2048 个字符)。POST无限制。
    • GET只允许 ASCII 字符。POST没有限制。也允许二进制数据。
    • 与 POST 相比,GET 的安全性较差,因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET !POST 比 GET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志中。GET的数据在 URL 中对所有人都是可见的。POST的数据不会显示在 URL 中。
  3. 在input里,name 有什么作用?
    *input标签里面name是一个key,发送到后端方便与value对应保存数据。

  4. radio 如何 分组?

    • 把radio标签的name属性值设为一样即可。
  5. placeholder 属性有什么作用?

    • 给用户一个提醒,让用户知道此文本框要输入的内容是什么。

6.type=hidden隐藏域有什么作用? 举例说明
*hidden的作用是比较安全,用户看不到此处的内容,但是用户点击提交内容到后端时会一起提交到后端,方便后端核对用户的信息,提高安全性。具体例子不知道怎么弄。

  1. HTML中form表单的简单用法

    • 使用html标记form表单时,需要注意一下几点:
      ①. 所有的需要提交后端的表单内容需要包裹在form标签里面,form标签以外的内容不会被提交。
      ②. form中method属性值‘get’和‘post’需要根据具体情况而定,如果提交的内容含有隐私内容,例如密码,身份证号等私人信息,建议使用post方法,如果提交内容是一个关键字,用户需要查询一些内容,建议使用get方法。
      ③. 在使用单选框radio的时候,radio的name属性值必须一样,否则单选不起效果。
      ④. 个人建议,在文本输入框中写入placeholder属性,极大的方便用户数值此输入框要输入的内容。
      ⑤. 以上是自己总结的一些form表单的注意事项,还请老师多多指导。
  2. 实战演练

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,080评论 19 139
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 4,089评论 0 3
  • 1.动手 form 表单table 表格 2. <form>表单元素 1) 简述: 元素是块级元素,其开始标签和结...
    _Dot912阅读 2,064评论 2 8
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 931评论 0 1
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? form表单的作用是收集用户所填写的信...
    饥人谷_邵征鹏阅读 507评论 0 0