HTML From表单的用法

HTML表单目的

HTML表单通过form标签来实现,主要用于收集用户提交的信息,表单是一个包含表单元素的区域,用户可以在里面填写和提交信息。之后后台可以通过URL接受用户提交的信息,并进行处理。

form表单的制作

form标签,用于包裹所要提交表单的信息,所有要提交后台的属性都必须用"form"包裹。

  • action 提交表单的地址。
  • method 提交表单的方法。分别是"get"和"post"标签

input标签的输入

type标签,输入指定的值

  1. text普通文本输入框,单行输入。
  2. password输入的信息自动变为黑原点,通常用于密码输入。
  3. checkbox 多选框,靠name属性分组,要设置value,不设置value默认向后台传输值为on。
  4. radio 单选框,靠name属性分组,同一分组name必须相同,要设置value,不设置value默认向后台传输入值为on。
  5. file文件上传
  6. accept 与file联用,可指定上传文件的类型。
  7. textarea多行文本。
  8. hidden隐藏标签,向后台提交,用于安全验证。
  9. button提交标签。
  10. submit提交标签。
  11. reset重置标签。
  12. placeholder 输入框中的默认展示内容。
  • name 标识一个input标签,其实就是上传数据时的key值。
  • value 指定向后台传输的值。
  • label标签
    for 指定label绑定到哪个表单元素,比如在input标签中指定id值,将for=这个id值,这样label标签就能指向相应的input标签。
  • select下拉标签
    option选择标签,select的子标签。

post 和 get 方式的区别?

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,933评论 18 139
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,321评论 1 41
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 924评论 0 1
  • HTML表单 在HTML中,表单是 ... 之间元素的集合,它们允许访问者输入文本、选择选项、操作对象等等,然后将...
    兰山小亭阅读 3,439评论 2 14
  • 肉刷机刷(脚本刷)协议刷前面的三种刷并不会带来下载吧..微信积分墙 这几天的波动http://wgzaso.bai...
    田边女斯基阅读 344评论 0 0