這次帶給大家怎樣做出HTML文字方塊只讀效果,做出HTML文字方塊只讀效果的注意事項有哪些,以下就是實戰案例,一起來看一下。
1 2 3 4 5 6 7 | <!--方法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中文網其他相關文章!