JavaScript之form(表單域對象)
一、獲取表單域對象
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(表單域對象)