在網頁設計過程中,我們常常需要用到文本框。而有些時候,我們需要讓文本框的內容不能被編輯,那么該怎么做呢?
這時候,我們就需要用到 CSS 的<textarea>
標簽中的readonly
屬性了。
<textarea readonly>文本框內容</textarea>
通過設置該屬性,就可以讓文本框中的內容無法被編輯了。
但是,通過在頁面中右鍵點擊鼠標,仍然可以進行復制文本操作。如果希望禁止用戶復制文本,可以再加上一個onselectstart="return false;"
屬性:
<textarea readonly onselectstart="return false;">文本框內容</textarea>
通過這樣的設置,用戶就不能選中文本框中的內容了。
總結來說,<textarea>
標簽的readonly
屬性可以讓文本框內容無法被編輯,onselectstart="return false;"
可以禁止用戶復制文本。這兩個屬性可以靈活運用,方便我們在設計網頁時滿足不同的需求。
上一篇html源代碼渲染器