表單中Readonly和Disabled的區(qū)別

disabled和readonly有相同的地方也是可以鎖定這個控件用戶不能改變他的值，但是disabled的更徹底一些，他是要使你完全不能使用他，包括改變他的背景顏色（不信，你去修改一個被disabled掉的input文本框，你發(fā)現你是徒勞），如果是checkbox則不能選中他。

ReadOnly和Disabled的作用是使用戶不能夠更改表單域中的內容.但是二者還是有著一些區(qū)別的：Readonly只針對input（text/pass）和textarea有效，而disabled對于所有的表單元素有效，包括lect，radio，checkbox，button等。

Readonly和Disabled是用在表單中的兩個屬性，它們都能夠做到使用戶不能夠更改表單域中的內容。但是它們之間有著微小的差別，總結如下：Readonly只針對input（text / pass）和textarea有效，而disabled對于所有的表單元素都有效，包括lect， radio， checkbox， button等。

Readonly和Disabled是用在表單中的兩個屬性，它們都能夠做到使用戶不能夠更改表單域中的內容。

把div中所有的輸入框全部設置為readonly

1、所有控件都有disabled 屬性，但是不一定有readonly屬性，如lect 下拉框。點擊被readonly掉的按鈕照樣可以觸發(fā)，但是被disabled掉的按鈕就無法使用了不管上面有沒有。將div設置disabled屬性之后，整個div都灰掉了，但是文本框里面還是可以輸入內容的。

2、在實際開發(fā)中，務必記得為表單控件添加合適的value屬性和placeholder提示，同時處理只讀和禁用狀態(tài)。例如，hidden輸入框用于隱藏數據，而readonly和disabled屬性用于限制用戶交互。

3、input輸入框：雖然input輸入框是一個用于輸入和編輯文本和數字的表單，但它也可以用于顯示文本內容，只需要將輸入框的readonly屬性設置為true即可將其變?yōu)橹蛔x狀態(tài)。p標簽：p標簽是用于標記段落的HTML元素，可以用于顯示文本內容，但需要注意的是，它不支持輸入，只能用于展示文本信息。

4、用textarea，設置它的readonly屬性。只讀 textarea readonly=true/textarea或者直接用div就可以了。

5、您好：當您設置了DIV拖動后，應該是更改了DIV的z-index樣式。導致textbox的z-index變小。應該是樣式的問題，請檢查樣式。

6、你可以做出相似的功能。方法：創(chuàng)建一div，寬/高設置為當前頁面的尺寸，設置DIV 透明，position：absolute， Z-index為100（一個較大的數）在需要設置為禁用時，彈出該層?；蛘?遍歷整個頁面控件，設計其屬性為 readonly 或者enable=fal 依各控件不同。相對來說第一種方法簡單快捷。