JavaScript <form>

2023-03-20 15:42 更新

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

HTMLFormElement 的實(shí)例屬性 

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

HTMLFormElement 的實(shí)例方法 

  • submit():提交表單,但是不會(huì)觸發(fā)submit事件和表單的自動(dòng)校驗(yàn)。
  • reset():重置表單控件的值為默認(rèn)值。
  • checkValidity():如果控件能夠通過(guò)自動(dòng)校驗(yàn),返回true,否則返回false,同時(shí)觸發(fā)invalid事件。

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

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


以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)