今天在開(kāi)發(fā)中準(zhǔn)備通過(guò)javascript設(shè)置input框只讀屬性的時(shí)候,用document.getElementById('input').readonly='readonly';結(jié)果發(fā)現(xiàn)這樣設(shè)置無(wú)效.
于是試著disable的屬性,用同樣的方法設(shè)置是有效的.document.getElementById('input').disabled=disabled; 于是感覺(jué)很奇怪.因?yàn)樵赿reamweaver中輸入框這兩個(gè)屬性都是這樣設(shè)置的.而且readonly只要存在于input框就有效,后來(lái)忽然發(fā)現(xiàn),當(dāng)然輸入readonly時(shí)用代碼提示自動(dòng)完成后的結(jié)果是 readonly="readonly" ,而disabled卻是disabled="disabled".
接著就想會(huì)不會(huì)是這個(gè)問(wèn)題,后來(lái)就用復(fù)選框一樣的方法設(shè)置只讀屬性就可以了.如:
| 有兩種方式可以實(shí)現(xiàn)input的只讀效果：disabled 和 readonly。 自然兩種出來(lái)的效果都是只能讀取不能編輯，可是兩者有很大不同。 Disabled說(shuō)明該input無(wú)效，及其value不會(huì)傳遞給任何程序，比如asp、php等。 Readonly僅僅是無(wú)法編輯，不影響其值的傳遞。 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> |
聯(lián)系客服
