• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <form> 元素

    <form>元素代表了表单,继承了 HTMLFormElement 接口。


    HTMLFormElement 的实例属性

    • elements:返回一个类似数组的对象,成员是属于该表单的所有控件元素。该属性只读。
    • length:返回一个整数,表示属于该表单的控件数量。该属性只读。
    • name:字符串,表示该表单的名称。
    • method:字符串,表示提交给服务器时所使用的 HTTP 方法。
    • target:字符串,表示表单提交后,服务器返回的数据的展示位置。
    • action:字符串,表示表单提交数据的 URL。
    • enctype(或encoding):字符串,表示表单提交数据的编码方法,可能的值有application/x-www-form-urlencodedmultipart/form-datatext/plain
    • acceptCharset:字符串,表示服务器所能接受的字符编码,多个编码格式之间使用逗号或空格分隔。
    • autocomplete:字符串onoff,表示浏览器是否要对<input>控件提供自动补全。
    • noValidate:布尔值,表示是否关闭表单的自动校验。

    HTMLFormElement 的实例方法

    • submit():提交表单,但是不会触发submit事件和表单的自动校验。
    • reset():重置表单控件的值为默认值。
    • checkValidity():如果控件能够通过自动校验,返回true,否则返回false,同时触发invalid事件。

    下面是一个创建表单并提交的例子。

    var f = document.createElement('form');
    document.body.appendChild(f);
    f.action = '/cgi-bin/some.cgi';
    f.method = 'POST';
    f.submit();
    


    上篇:<img> 元素

    下篇:<input> 元素