HTML 表单

HTML 表单指的是

标签包含的内容,MDN 定义如下:

HTML 元素表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息

form

属性:

  • action:提交表单的地址
  • method:提交表单的方式,分为 get 和 post
    post / get 的区别:
    post 比 get 安全,没有大小限制
  • enctype:编码方式,当 method 为 post 时,enctype 是提交 form 给服务器内容的 MIME 类型
    application/x-www-form-urlencoded:默认值
    multipart/form-data:用于 type 为 file 的 input 元素
    text/plain:H5

中包含的元素:

1.label

标签,一般放置于其他表单元素前面



属性:
for的作用在于input的获焦,设置的值需于inputid一致

2.input

输入框的type类型有多种:

  • text:默认类型,文本输入

  • checkbox:多选框,允许用户选择多个选项
阅读

旅游
  • radio:单选框,互斥的选项需设置同一个name
  • submit:提交表单

  • reset:清空表单

  • hidden:不显示在页面上,但其值会被提交到服务器

  • 还有 HTML5 新增的coloremailcolorrangetimenumber等等

3.textarea

文本域,多行输入,可拉伸缩小



4.select

下拉菜单


参考:
1.form 表单
2.input

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