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

高洛峰
發布: 2017-03-09 16:16:43
原創
2206 人瀏覽過

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

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

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

方法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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板