首頁 > web前端 > html教學 > 如何透過disabled和readonly將input設定為唯讀效果

如何透過disabled和readonly將input設定為唯讀效果

php中世界最好的语言
發布: 2018-02-03 10:13:04
原創
3132 人瀏覽過

這次帶給大家怎麼透過disabled和readonly將input設定為唯讀效果,透過disabled和readonly將input設定為唯讀效果的注意事項有哪些,以下就是實戰案例,一起來看一下。

有兩種方式可以實現input的唯讀效果:disabled 和 readonly。

自然兩種出來的效果都是只能讀取不能編輯,可是兩者有很大不同。

Disabled說明該input無效,及其value不會傳遞給任何程序,例如asp、php等。
Readonly只是無法編輯,不影響其值的傳遞。

Disabled使用:<INPUT type="text" name="username" value="james" disabled> 
Readonly使用:<INPUT type="text" name="partNumber" value="1500" readonly>
登入後複製

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

相關閱讀:

a標籤的href屬性與onclick事件應該如何使用

html怎麼借助marquee實作文字左右捲動

單選和多選按鈕如何為圖片加上樣式

Button有幾種Click回應方法

HTML中停用表單控制項有幾種方法

#

以上是如何透過disabled和readonly將input設定為唯讀效果的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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