js高級程序設計 筆記 --- 表單
一,基礎知識
在html中,表單是form元素,而在js中,表單對應的是HTMLFormElement類型,繼承自HTMLElement,其獨特的屬性和方法有(常見):
action:接收請求的URL,
elements: 表單中所有控件的集合
length: 表單中控件的數量
method: 發送的http請求的類型。
name: 表單的名稱。
reset() : 重置所有表單域。
submit() : 提交表單。
1,提交表單
input type=submit button type=submit input type=image 可以使用回車鍵來提交表單。
也可以使用: form.submit() 來以編程式來提交表單。
2,重置表單
使用type= reset的input或者button都可以創建重置按鈕。也可以通過js來重置 form.reset()
3,表單字段
可以使用原生的DOM方法來訪問表單元素。此外,每個表單都有elements屬性。可以使用name特性來訪問它們。
表單字段共有的屬性(除了fieldset元素)
disabled form name readOnly tabIndex type value
共有的表單字段方法:
focus() 和 blur():
可以使用autofocus屬性來在頁面打開時自動的聚焦如此。
4,文本框腳本
input type=text 和 textarea: 輸入的內容都保存在value內。
select事件:在選擇了文本框中的文本時,就會觸發select事件。
5,自動切換焦點
js高級程序設計 筆記 --- 表單