HTML中設置input等文本框為不可操作

wall2flower 發(fā)布于2019-08-01 15:47 / 3632人閱讀

摘要：在特定場景下，我們可能不允許用戶操作或者更改表單項那么具體如何操作呢在中，我們大概有兩種方法可以實現，或者說兩個屬性分別為它們的區(qū)別在于設置后，區(qū)域為灰色，不可手動操作設置后，除了不可手動操作后，其余和普通無異詳情請參考如下代碼和演示

在特定場景下，我們可能不允許用戶操作或者更改表單項

那么具體如何操作呢？

在html中，我們大概有兩種方法可以實現，或者說兩個屬性

分別為：

disabled=“disabled”
readonly=“true"
它們的區(qū)別在于
disabled：設置后，input區(qū)域為灰色，不可手動操作
readonly：設置后，除了不可手動操作后，其余和普通input無異

詳情請參考如下代碼和演示

云服務器 GPU云服務器 html文本不可讀 js中設置編碼 asp中設置隱藏 js中設置選中數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50108.html

第二天

摘要：學習用時小時學習目標第二天任務目標是否已達成麻麻嘚。摘錄一個筆記第二天筆記以下是原文愛上前端，用技術帶給用戶最優(yōu)美的體驗。為文本框命名，以備后臺程序使用。 codepen好像崩了？-_-|| 2019.3.6 怎么也要至少過一遍鴨。學習用時：3小時學習目標：第二天任務目標是否已達成：麻麻嘚。今天學了什么？勉強再認了一次各種標簽（雖然感覺還是認不住），ol,ul,li和dl，dt，d...

warkiz 2019-08-02 14:25 評論0 收藏0
AngularJS中ng-class的用法

摘要：從今天開始寫博，記錄下自己技術發(fā)展的點滴吧。相比另外兩種，類型的表達式就有優(yōu)勢。缺點是多了，寫起來挺麻煩的第三種，表達式為這里中的每個元素都綁定了一個的輸入值，實際上每個元素都使用了類型的值中元素可以為或者，中對的規(guī)則同上。從今天開始寫博，記錄下自己技術發(fā)展的點滴吧。一、什么是ng-class ng-class是AngularJS預設的一個指令(directive)，通過這個指令能...

張金寶 2019-08-22 11:00 評論0 收藏0
html標簽簡介（常用）

摘要：比如等行內標簽可以多個標簽共同占用一行的標簽。標準模式，瀏覽器使用的標準解析渲染頁面。顯示結果這個文本包含下標文本。表單提交項的值。表單還可以包含和標簽。html常識什么是HTML htyper text markup language ?即超文本標記語言超文本: 就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。標記語言: 標記（標簽）構成的語言. 網頁==HTML文...

Travis 2019-04-23 13:25 評論0 收藏0
placeholder的兼容處理

摘要：方法一效果預覽思路是，首先判斷瀏覽器是否支持屬性，如果不支持的話，就遍歷所有輸入框，獲取屬性的值填充進輸入框作為提示信息，同時字體設置成灰色。 placeholder是HTML5的屬性之一，在不同的瀏覽器( 支持HTML5的現代瀏覽器 )中會有略微不同的顯示效果：在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 極速模式 )...

beita 2019-08-20 15:41 評論0 收藏0