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