HTML 可以設(shè)置輸入框、文本框等元素為只讀屬性,即禁止用戶輸入或編輯。
使用 readonly 屬性來設(shè)置只讀屬性。該屬性只能在 HTML5 中使用。
例如,以下代碼將一個輸入框設(shè)為只讀屬性:
<input type="text" name="readonly" value="只讀文本" readonly />當(dāng)用戶嘗試編輯該輸入框時,內(nèi)容將無法更改。 類似地,對于文本框,以下代碼將其設(shè)置為只讀屬性:
<textarea name="readonly" readonly>只讀文本</textarea>需要注意的是,只讀屬性并不將輸入框或文本框變?yōu)椴豢捎脿顟B(tài)。用戶仍然可以選擇和復(fù)制文本內(nèi)容,只是無法編輯和修改。 如果需要完全禁用輸入框或文本框,可以使用 disabled 屬性來實現(xiàn)。 例如,以下代碼將一個輸入框設(shè)為禁用狀態(tài):
<input type="text" name="disabled" value="禁用文本" disabled />當(dāng)用戶嘗試與該輸入框交互時,無法進(jìn)行任何操作。 總結(jié):在 HTML 中,使用 readonly 屬性可以將輸入框、文本框等元素設(shè)置為只讀屬性,禁止用戶輸入或編輯,但仍然可以選擇和復(fù)制文本內(nèi)容。如果需要完全禁用輸入框或文本框,可以使用 disabled 屬性。