1. 程式人生 > >js高級程序設計 筆記 --- 表單

js高級程序設計 筆記 --- 表單

for 內容 submit 自動 名稱 select disable ext 集合

一,基礎知識

  在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高級程序設計 筆記 --- 表單