HTML中經常需要設置文本框為只讀模式,這在一些表單提交或展示內容時是非常有用的。
設置文本框只讀,可以使用HTML代碼中的<input>
元素,并設置type屬性為“text”,readonly屬性為“readonly”:
<input type="text" readonly="readonly">
上述代碼展示的文本框將不能被用戶修改,只能被用于顯示內容。
另外,在HTML5中增加了一種更簡單的方式來設置文本框只讀,只需要在<input>
元素中使用readonly屬性即可:
<input type="text" readonly>
無論使用哪種方式,都能夠實現文本框只讀的效果。