HTMLDOM入力週無効プロパティ
Input Week disableプロパティは、InputWeekが有効か無効かを設定/返します。
構文
以下は構文です-
- ブール値を返す-true/false
inputWeekObject.disabled
- 設定無効 booleanValueへ
inputWeekObject.disabled = booleanValue
ブール値
ここでは、「booleanValue」 次のようになります-
| booleanValue | 詳細 |
|---|---|
| True | 入力週が無効になることを定義します。 |
| False | 入力週が無効にならず、デフォルト値でもあることを定義します。 |
例
入力週が無効の例を見てみましょう プロパティ-
<!DOCTYPE html>
<html>
<head>
<title>Input Week Disabled</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>Week-disabled</legend>
<label for="WeekSelect">Sales Target Week:
<input type="week" id="WeekSelect" value="2020-W13" disabled>
</label>
<input type="button" onclick="enableWeekInput()" value="Change Sales Target Week">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputWeek = document.getElementById("WeekSelect");
divDisplay.textContent = 'Week Input disabled: '+inputWeek.disabled;
function enableWeekInput() {
inputWeek.disabled = false;
divDisplay.textContent = 'Week Input disabled: '+inputWeek.disabled;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
[販売目標週の変更]をクリックする前に ボタン-
[販売目標週の変更]をクリックした後 ボタン-
-
HTMLDOM入力週タイププロパティ
HTML DOM入力週タイププロパティは、入力週のタイプを返す/設定します。 構文 以下は構文です- 文字列値を返す inputWeekObject.type タイプの設定 文字列値へ inputWeekObject.type = stringValue 文字列値 ここでは、「stringValue」 次のようになります- stringValue 詳細 週 入力タイプが週であることを定義します datetime-local 入力タイプがdatetime-localであることを定義します チェックボックス 入力タイプがチェックボックスであることを定義しま
-
HTMLDOM入力パスワード無効プロパティ
HTML DOM入力パスワード無効プロパティは、パスワードフィールドが無効かどうかを設定または返すために使用されます。ブール値を使用します。trueは要素を無効にする必要があり、それ以外の場合はfalseを表します。デフォルトでは、disabledプロパティはfalseに設定されています。無効になっている要素はデフォルトでグレー表示されており、クリックできません。 構文 以下は、-の構文です。 無効なプロパティの設定- passwordObject.disabled = true|false; ここで、true =パスワードフィールドは無効であり、false=パスワードフィールドは無効で