HTML DOM教程 22-HTML DOM Form 对象
HTML DOM教程 22-HTML DOM Form 對(duì)象
?
1：Form 對(duì)象
Form 對(duì)象代表一個(gè) HTML 表單。
在 HTML 文檔中 <form> 每出現(xiàn)一次，Form 對(duì)象就會(huì)被創(chuàng)建。
2：Form 對(duì)象的集合
| elements[] | 包含表單中所有元素的數(shù)組。 | 5 | 1 | 9 | Yes |
3:Form 對(duì)象的屬性
| acceptCharset | 服務(wù)器可接受的字符集。 | No | No | No | Yes |
| action | 設(shè)置或返回表單的 action 屬性。 | 5 | 1 | 9 | Yes |
| enctype | 設(shè)置或返回表單用來編碼內(nèi)容的 MIME 類型。 | 6 | 1 | 9 | Yes |
| id | 設(shè)置或返回表單的 id。 | 5 | 1 | 9 | Yes |
| length | 返回表單中的元素?cái)?shù)目。 | 5 | 1 | 9 | Yes |
| method | 設(shè)置或返回將數(shù)據(jù)發(fā)送到服務(wù)器的 HTTP 方法。 | 5 | 1 | 9 | Yes |
| name | 設(shè)置或返回表單的名稱。 | 5 | 1 | 9 | Yes |
| target | 設(shè)置或返回表單提交結(jié)果的 Frame 或 Window 名。 | 5 | 1 | 9 | Yes |
4:Standard Properties
| className | Sets or returns the class attribute of an element | 5 | 1 | 9 | Yes |
| dir | Sets or returns the direction of text | 5 | 1 | 9 | Yes |
| lang | Sets or returns the language code for an element | 5 | 1 | 9 | Yes |
| title | Sets or returns an element's advisory title | 5 | 1 | 9 | Yes |
5:Form 對(duì)象的方法
| reset() | 把表單的所有輸入元素重置為它們的默認(rèn)值。 | 5 | 1 | 9 | Yes |
| submit() | 提交表單。 | 5 | 1 | 9 | Yes |
6:Form 對(duì)象的事件句柄
| onreset | 在重置表單元素之前調(diào)用。 | 5 | 1 | 9 | Yes |
| onsubmit | 在提交表單之前調(diào)用。 | 5 | 1 | 9 | Yes |
? 7:submit() 方法
該方法提交表單的方式與用戶單擊 Submit 按鈕一樣，但是表單的 onsubmit 事件句柄不會(huì)被調(diào)用。
<html>
<head>
<script type="text/javascript">
function formSubmit(){
document.getElementById("myForm").submit()
}
</script>
</head>
<body>
<form id="myForm" action="js_form_action.asp" method="get">
Firstname: <input type="text" name="firstname" size="20"><br />
Lastname: <input type="text" name="lastname" size="20"><br /> <br />
<input type="button" οnclick="formSubmit()" value="Submit">
</form>
</body>
</html>
8：reset() 方法
調(diào)用該方法的結(jié)果類似用戶單擊了 Reset 按鈕的結(jié)果，只是表單的事件句柄 onreset 不會(huì)被調(diào)用。
<html>
<head>
<script type="text/javascript">
function formReset()
{
document.getElementById("myForm").reset()
}
</script>
</head>
<body>
<form id="myForm">
Name: <input type="text" size="20"><br />Age: <input type="text" size="20"><br />
<br />
<input type="button" οnclick="formReset()" value="Reset">
</form>
</body>
</html>
轉(zhuǎn)載于:https://www.cnblogs.com/pricks/archive/2009/05/04/1449106.html
總結(jié)
以上是生活随笔為你收集整理的HTML DOM教程 22-HTML DOM Form 对象的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HTML DOM教程 21-HTML D
- 下一篇： HTML Viewer的定制