ホームページ > 記事 > ウェブフロントエンド > jsは入力テキストボックスを読み取り専用に設定します
jsは入力テキストボックスを読み取り専用に設定します
- PHP中文网オリジナル
- 2017-03-18 11:23:373511ブラウズ
Controlinput box read-only は、ユーザーによるデータの変更を防ぐことができます。これは場合によっては非常に実用的です。js を使用してこの読み取り専用の実装を完了しましょう
<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框恢复。
-->上記は、js による入力テキスト ボックスの read- 設定の詳細です。のみ。詳細については、php 中国語 Web サイトの他の関連記事に注目してください。
関連記事:
jsを使用してすべてのフォームオブジェクトを読み取り専用に設定する
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。