Html Input disabled屬性


input的disabled:

<input type="text" name="name" placeholder="請輸入名稱"  disabled="disabled" />

加上了 disabled,有幾點注意:

1  ajax : from表單提交的時候,被定義的 disabled 的屬性,不能夠傳值給后台!

2  使用tab鍵時將被跳過

3  可能不是successful的
 

input的readonly:

如果想要得到該值,可以改成

readonly = "readonly"
加上了 readonly,有幾點注意:
 
1  可以接收焦點但不能被修改 
 
2  可以使用tab鍵進行導航 
 
3  可能是successful的
 

兩個屬性在效果和使用上的區別:

1  readonly是要鎖定這個控件,通過在界面上無法修改他(但是通過javascript可以修改他)。
 
2  disabled的更徹底一些,他是要使你完全不能使用他,包括改變他的樣式
 
3  所有控件都有disabled 屬性,但是不一定有readonly屬性,如select 下拉框。
 
4  說明:點擊被readonly掉的按鈕照樣可以觸發事件,但是被disabled掉的按鈕就直接失效了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM