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