js控制input框只讀實(shí)現(xiàn)示例
更新時(shí)間：2014年01月20日 16:10:26 投稿：whsnow
控制input框只讀可以防止用戶對數(shù)據(jù)的更改，在某些情況下還是比較實(shí)用的，下面使用js來完成這個(gè)只讀實(shí)現(xiàn)
復(fù)制代碼 代碼如下:
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script language="JavaScript">
function isreadonly(){
var obj = document.getElementById("username");
obj.setAttribute("readOnly",true);
obj.style.backgroundColor="#d2d2d2";
}
function readwrite(){
var obj = document.getElementById("username");
obj.setAttribute("readOnly",false);
obj.style.backgroundColor="#ffffff";
}
</script>
<body>
<form name="addform" id="addform" method="post" action="" >
<input type="text" id="username" name="username">
<input type="button" name="只讀" value="read" onclick="isreadonly();">
<input type="button" name="可寫" value="write" onclick="readwrite();">
</form>
</body>
</html>
<!--
點(diǎn)擊“read”按鈕，input框不能書寫，且變灰；點(diǎn)擊“write”按鈕，input框恢復(fù)。
-->
相關(guān)文章
本文給大家通過3個(gè)方法向大家展示了javascript中的setTimeout的使用，非常的簡單，有需要的小伙伴可以參考下。2015-07-07
Javascript實(shí)現(xiàn)圖片輪播效果(二)圖片序列節(jié)點(diǎn)的控制實(shí)現(xiàn)
這篇文章主要介紹了Javascript實(shí)現(xiàn)圖片輪播效果(二)圖片序列節(jié)點(diǎn)的控制實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2016-02-02
html向js方法傳遞參數(shù)具體實(shí)現(xiàn)
html如何向js方法傳遞參數(shù)，在本文將為大家詳細(xì)介紹下html注冊事件向引用方法中的傳參問題，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08![[全兼容哦]--實(shí)用、簡潔、炫酷的頁面轉(zhuǎn)入效果loing](http://img.jbzj.com/images/xgimg/bcimg3.png)
[全兼容哦]--實(shí)用、簡潔、炫酷的頁面轉(zhuǎn)入效果loing
[全兼容哦]--實(shí)用、簡潔、炫酷的頁面轉(zhuǎn)入效果loing...2007-05-05
本篇文章主要介紹了JS比較兩個(gè)時(shí)間大小的簡單示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
js實(shí)現(xiàn)表格拖動(dòng)選項(xiàng)
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)表格拖動(dòng)選項(xiàng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章介紹了JS代碼同步文本框內(nèi)容的方法，有需要的朋友可以參考一下2013-07-07
前端JavaScript?6?種主流接口請求技術(shù)全解
這篇文章主要介紹了前端JavaScript?6?種主流接口請求技術(shù)的相關(guān)資料,包括XMLHttpRequest、FetchAPI、Axios、jQueryAjax、WebSocket和GraphQL,并提供了每種方案的基礎(chǔ)用法、高級(jí)配置、優(yōu)點(diǎn)、缺點(diǎn)及適用場景,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03
詳解element-ui 表單校驗(yàn) Rules 配置 常用黑科技
這篇文章主要介紹了element-ui 表單校驗(yàn) Rules 配置 常用黑科技，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07
selenium 反爬蟲之跳過淘寶滑塊驗(yàn)證功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了selenium 反爬蟲之跳過淘寶滑塊驗(yàn)證功能，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-08-08