JavaScript <form>

2023-03-20 15:42 更新

<form>元素代表了表單,繼承了 HTMLFormElement 接口。

HTMLFormElement 的實例屬性 

  • elements:返回一個類似數組的對象,成員是屬于該表單的所有控件元素。該屬性只讀。
  • length:返回一個整數,表示屬于該表單的控件數量。該屬性只讀。
  • name:字符串,表示該表單的名稱。
  • method:字符串,表示提交給服務器時所使用的 HTTP 方法。
  • target:字符串,表示表單提交后,服務器返回的數據的展示位置。
  • action:字符串,表示表單提交數據的 URL。
  • enctype(或encoding):字符串,表示表單提交數據的編碼方法,可能的值有application/x-www-form-urlencoded、multipart/form-datatext/plain
  • acceptCharset:字符串,表示服務器所能接受的字符編碼,多個編碼格式之間使用逗號或空格分隔。
  • autocomplete:字符串onoff,表示瀏覽器是否要對<input>控件提供自動補全。
  • noValidate:布爾值,表示是否關閉表單的自動校驗。

HTMLFormElement 的實例方法 

  • submit():提交表單,但是不會觸發(fā)submit事件和表單的自動校驗。
  • reset():重置表單控件的值為默認值。
  • checkValidity():如果控件能夠通過自動校驗,返回true,否則返回false,同時觸發(fā)invalid事件。

下面是一個創(chuàng)建表單并提交的例子。

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


以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號