form

简介

<form>标签用来定义一个表单，所有表单内容放到这个容器元素之中

<form>
  <!-- 各种表单控件-->
</form>

下面是一个常见的例子

<form action="https://example.com/api" method="post">
  <label for="POST-name">用户名：</label>
  <input id="POST-name" type="text" name="user">
  <input type="submit" value="提交">
</form>

上面例子中，在输入框中填入 musi，然后点击提交按钮，浏览器会向 https://example.com/api 发送一个 POST 请求，发送 user=musi 这样一段数据

属性

属性	值	说明
accept-charset	string	服务器接受的字符编码列表，使用空格分隔，默认与网页编码相同
action	string	服务器接收数据的 URL
autocomplete	off on	如果用户没有填写某个控件，浏览器是否可以自动填写该值
method	post get dialog	提交数据的 HTTP 方法
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	当`method`属性等于`post`时，该属性指定提交给服务器的 MIME 类型
name	string	表单子项名称如果一个控件没有设置`name`属性，那么这个控件的值就不会作为键值对，向服务器发送
novalidate	boolean	表单提交时是否取消验证
target	`_self` `_blank` `_parent` `_top` string	在哪个窗口展示服务器返回的数据