HTML如何實作文字方塊不能修改其中的內容

本文我們將和大家分享一個基礎的知識：HTML實作文字方塊只讀不能修改其中的內容的方法，希望對大家有幫助。

<!--方法1: onfocus=this.blur()  当鼠标放不上就离开焦点 -->
<input type="text" name="input1" value="中国" onfocus=this.blur()> 
<!-- 方法2:readonly  文字不会变色，也是不可编辑的-->
<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true"> 
<!-- 方法3: disabled   此时文字会变成灰色，不可编辑。 -->
<input type="text" name="input1" value="中国" disabled="true">

以上內容就是HTML實作文字方塊只讀不能修改其中的內容的方法，雖然很簡單，但是確實是個實用的小辦法，希望對大家有幫助。

相關推薦：

jQuery實作設定、移除文字方塊預設值功能

html中實作input文字方塊不可編輯的方法

簡述兩個文字方塊同時輸入的實作方法

以上是HTML如何實作文字方塊不能修改其中的內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！