1. 程式人生 > >JavaScript之form(表單域對象)

JavaScript之form(表單域對象)

ont t對象 一個數 文本 box 可用 get checkbox 就是

一、獲取表單域對象

  1.document.getElementById()

  2.formObj.elements[index]

  3.formObj.elements[formarea_name]

  4.formObj.formarea_name

二、表單域對象的屬性

  1.readonly

    1)input對象 設置了readonly="readonly",則該表單域只讀(用戶不能修改其value屬性),但是可以提交

    2)通過js為input對象添加“只讀”屬性,應通過“對象.readOnly = true”添加

    3)readonly="readonly" 只能使用在<input type=‘text‘> 及 <textaread>標簽中

  2.disabled

    1)input對象 設置了disabled="disabled",則該表單域不可用(用戶不能修改其value屬性)且不能提交

    2)通過js為input對象添加“不可用”屬性,應通過“對象.disabled = true”添加

    3)disabled="disabled"可以將所有的表單域失效

  3.name

    1)用於獲取該表單域

    2)只有設置了name屬性的表單域才可以提交

  4.value

    1)用戶輸入的內容就是value,表單會提交該屬性的值

    2)select標簽的value值就是當前選中的option的value值

    3)textarea沒有value屬性,提交時提交標簽中間的文本值

  5.form

    用於獲取表單域所在的表單對象

  6.type

    瀏覽會根據type的值不同,顯示表單域也不同

  7.checked

    1)對於<input type="radio"> 和 <input type="checkbox">來講,checked="checked"表示默認選中該選項

    2)<input type="radio"> 只能給同組的一個添加 checked="checked"

    3)<input type="checkbox"> 可以給同組的所有添加 checked="checked"

    4)通過js為對象添加“默認選中”屬性,應通過“對象.checked = true”添加

  8.select標簽的屬性

    1)selectedIndex表示當前選中的option的索引

    2)options表示所有option標簽對象的一個數組

    3)length表示右多少個下拉列表項

  9.option標簽的屬性

    1)value 就是選項的值,提交時會提交該屬性的值

    2)text 就是option標簽中間文本值,類似於innerText

    3)selected="selected" 表示頁面加載時默認的選項

JavaScript之form(表單域對象)