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 方式的区别?

HTML From表单的用法_第1张图片

你可能感兴趣的:(HTML From表单的用法)