今天在開發(fā)中準備通過javascript設(shè)置input框只讀屬性的時候,用document.getElementById('input').readonly='readonly';結(jié)果發(fā)現(xiàn)這樣設(shè)置無效.
于是試著disable的屬性,用同樣的方法設(shè)置是有效的.document.getElementById('input').disabled=disabled; 于是感覺很奇怪.因為在dreamweaver中輸入框這兩個屬性都是這樣設(shè)置的.而且readonly只要存在于input框就有效,后來忽然發(fā)現(xiàn),當(dāng)然輸入readonly時用代碼提示自動完成后的結(jié)果是 readonly="readonly" ,而disabled卻是disabled="disabled".
接著就想會不會是這個問題,后來就用復(fù)選框一樣的方法設(shè)置只讀屬性就可以了.如:
| 有兩種方式可以實現(xiàn)input的只讀效果：disabled 和 readonly。 自然兩種出來的效果都是只能讀取不能編輯，可是兩者有很大不同。 Disabled說明該input無效，及其value不會傳遞給任何程序，比如asp、php等。 Readonly僅僅是無法編輯，不影響其值的傳遞。 Disabled使用：<INPUT type=”text” name=”username” value=”james”disabled> Readonly使用：<INPUT type=”text” name=”partNumber” value=”1500″ readonly> <input id="RaOne" type="radio" value="1" name="exce" > <input type=button value="Disabled" onclick="RaOneonClick()"> <script> function RaOneonClick(){ if(RaOne.disabled) RaOne.disabled=false; else RaOne.disabled=true; } </script> |
