js控制input框只讀實現(xiàn)示例
更新時間：2014年01月20日 16:10:26 投稿：whsnow
控制input框只讀可以防止用戶對數(shù)據(jù)的更改，在某些情況下還是比較實用的，下面使用js來完成這個只讀實現(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>
<!--
點擊“read”按鈕，input框不能書寫，且變灰；點擊“write”按鈕，input框恢復(fù)。
-->
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Three.js中矩陣和向量使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用Three.js具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要介紹了微信小程序事件流原理解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11
JavaScript Array實例方法flat的實現(xiàn)
flat() 方法用于將一個嵌套多層的數(shù)組進行扁平,返回新數(shù)組,它不會改變原始數(shù)組, flat 方法在處理多維數(shù)組時非常有用,它可以讓數(shù)組操作變得更加靈活和簡潔,本文給大家介紹了JavaScript Array實例方法flat的實現(xiàn),需要的朋友可以參考下2024-03-03
sencha touch 模仿tabpanel導(dǎo)航欄TabBar的實例代碼
這篇文章介紹了sencha touch 模仿tabpanel導(dǎo)航欄TabBar的實例代碼，有需要的朋友可以參考一下2013-10-10
這篇文章主要介紹了js動態(tài)生成唯一id的兩種方法,需要的朋友可以參考下2023-05-05
最近在寫一個JS代碼壓縮工具的時候，感受到JS的強大，同時也讓我頭疼的一陣子（誰叫我是JS菜鳥）。2009-05-05
這篇文章主要介紹了JS使用canvas技術(shù)模仿echarts柱狀圖，對canvas感興趣的同學(xué)，可以參考下2021-04-04
JavaScript對象中的可擴展性指的是：是否可以給對象添加新屬性。所有的內(nèi)置對象和自定義對象顯示的都是可擴展的，對于宿主對象，則由JavaScript引擎決定2022-11-11
JavaScript中遞歸實現(xiàn)的方法及其區(qū)別
遞歸函數(shù)是在通過名字調(diào)用自身的情況下構(gòu)成的。下面通過本文給大家分享JavaScript中遞歸實現(xiàn)的方法及其區(qū)別，感興趣的朋友一起看看吧2017-09-09
countUp.js實現(xiàn)數(shù)字動態(tài)變化效果
這篇文章主要為大家詳細介紹了countUp.js實現(xiàn)數(shù)字動態(tài)變化效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10