input文本框禁止修改文本——disabled和readonly屬性的作用及區別

目錄

• 1、input文本框禁止修改文本
• 2、disabled和readonly屬性的區別

回到頂部(go to top)

1、input文本框禁止修改文本

disabled屬性：<input type="text" name="name" value="xxx" disabled="true"/>

readonly屬性：<input type="text" name="name" value="xxx" readonly="true"/>

以上兩種屬性都可以禁止文本框修改文字。

回到頂部(go to top)

2、disabled和readonly屬性的區別

disabled屬性，使文本框不能修改內容，且文本框內容變灰色，通過request.getParameter("name")得不到文本框中的內容；

readonly屬性，只是使文本框不能修改內容，外觀沒有變化，而且通過request.getParameter("name")可以得到內容。

note: 當使用disabled屬性時，如果想是文本框內容改變顏色，可以改變其屬性，即obj.style.color=”目標顏色值”。