首頁  >  文章  >  web前端  >  分享html文字方塊text不可用唯讀的多種實作方法

分享html文字方塊text不可用唯讀的多種實作方法

高洛峰
高洛峰原創
2017-03-09 16:16:432202瀏覽

本篇文章分享html文字方塊text不可用唯讀的多種實作方法有需要可以參考

有時候,我們希望表單中的文字方塊是唯讀的,讓使用者不能修改其中的訊息,本文整理了多種實現方法,有興趣的朋友可以參考下 方法一: b886a217dab76f916a461b09d40eea28 不可用
方法二: fa9425524ec1da917815b3b3dbbad6f6 只讀
方法三: 077e2aeb55193da6c4132cd337ba70a8 隱藏(但佔位置)
方法四: 4bb60365fa165b371416ab544774108d 隱藏(不佔位置)

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

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

以上是分享html文字方塊text不可用唯讀的多種實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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