跟大家講解下有關怎樣做出HTML文本框只讀效果，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說怎樣做出HTML文本框只讀效果，小編也收集到了有關怎樣做出HTML文本框只讀效果的相關資料，希望大家看到了會喜歡。

這次給大家帶來怎樣做出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">

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

H5里圖片中有縫隙應該如何解決

HTML5單頁面手勢滑屏切換如何實現

H5的地理定位怎樣使用

以上就是怎樣做出HTML文本框只讀效果的詳細內容，更多請關注php中文網其它相關文章！

來源：php中文網