首頁 >web前端 >前端問答 >javascript怎麼設定文字方塊只讀

javascript怎麼設定文字方塊只讀

藏色散人
藏色散人原創
2022-01-18 15:04:594739瀏覽

javascript設定文字方塊唯讀的方法:1、透過「onfocus=this.blur()」設定;2、透過「readonly」設定;3、透過「disabled」設定文字方塊唯讀。

javascript怎麼設定文字方塊只讀

本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript怎麼設定文字方塊只讀?

javascript:讓表單文字方塊只讀,不可編輯的方法

有時候,我們希望表單中的文字方塊是唯讀的,讓使用者不能修改其中的訊息,如使7fbf885646e81d65d1e0e92dfeccc120 的內容,"中國"兩個字不可以修改。實現的方式歸納一下,有以下幾種。

方法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>

推薦學習:《js基礎教學

以上是javascript怎麼設定文字方塊只讀的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn