HTML表单的用法

表单标签

  • form标签 所包裹的标签数据会被提交给后台
  • action 指定后台的地址
  • method 提交的方式,get/post
  • input标签
  • type 指定输入值的类型
    • text 普通的文本输入框,单行输入
    • password 输入的字符默认是以原点显示
    • checkbox 靠name属性分组,多选框,要设置value,不设置value默认向后台传输值为on
    • radio 靠name属性分组,单选框,要设置value
    • file 上传文件按钮
    • accept 与file联用,指定上传文件的类型
    • hidden 隐藏的input标签,仍然可以向后台传输数据,可以暂存一些值、提供安全性
    • submit 提交按钮,和button标签效果一样
    • reset 清空用户输入
    • placeholder 输入框中的默认展示内容
  • name 标识一个input标签,其实就是上传数据时的key值
  • value 指定向后台传输的值
  • label标签
  • for 指定label绑定到哪个表单元素,比如在input标签中指定id值,将for=这个id值,这样label标签就能指向相应的input标签
  • select标签 下拉菜单
  • name
  • option标签 select子标签,下拉菜单选择项
  • value
  • selected 有这个属性,就是默认被选择的选项
  • textarea标签 多行文本框
  • name

get与post的区别:

  • get将所有的参数拼接在URL(形式:URL?key1=value1&key2=value2...)之后传送给服务器;用于向后台请求数据,安全性要求低的情况
  • post会将参数传输给后台,但是URL不发生变化;用于向后台传输大量数据,对安全性要求高的情况
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、关于form表单的基础 form表单:是一个包含表单元素的区域;作用,用于包裹表单元素。 表单元素:是允许用户...
    tangmengyun阅读 4,021评论 1 1
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 3,342评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,282评论 19 139
  • 1、form表单的作用用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互...
    饥人谷_临渊阅读 4,425评论 0 50
  • 文|静水流深思 在我的诗稿上 他们讨论着早餐 灿烂的光是会变色的奶酪 轻盈的云是会跳舞的牛奶 你看,那个丑态奇出的...
    一日蜉蝣君阅读 1,355评论 6 3

友情链接更多精彩内容