HTMLDOM入力週のdefaultValueプロパティ
Input Week defaultValueプロパティは、WeekInputに対応するデフォルト値を設定/返します。ユーザーが週の入力をリセットすると、value属性は変更されますが、デフォルト値は変更されません。
構文
以下は構文です-
- 文字列値を返す
inputWeekObject.defaultValue
- defaultValueを文字列に設定する
inputWeekObject.defaultValue = ‘string’
例
Input Week defaultValueの例を見てみましょう プロパティ-
<!DOCTYPE html>
<html>
<head>
<title>Input Week defaultValue</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-defaultValue</legend>
<label for="WeekSelect">Target Week:
<input type="week" id="WeekSelect" value="2022-W01">
</label>
<input type="button" onclick="getDefaultValue()" value="Reset Default Value">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputWeek = document.getElementById("WeekSelect");
divDisplay.textContent = 'Week: '+inputWeek.defaultValue.split("-W")[1];
divDisplay.textContent += ' & Year: '+inputWeek.defaultValue.split("-W")[0];
function getDefaultValue() {
var currentValue = inputWeek.value;
divDisplay.textContent = 'Value - '+inputWeek.value+' resets to - '+inputWeek.defaultValue;
inputWeek.value = inputWeek.defaultValue;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
[デフォルト値にリセット]をクリックする前に ボタン-
週の入力の変更-
[デフォルト値にリセット]をクリックした後 −
-
HTMLDOM入力週の値プロパティ
値属性が入力週に定義されている場合、HTMLDOM入力週の値プロパティは文字列を返します。ユーザーはそれを新しい文字列に設定することもできます。 構文 以下は構文です- 文字列値を返す inputWeekObject.value 値の設定 文字列値の属性 inputWeekObject.value = ‘String’ 例 入力週の値の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Input Week value</title> <
-
HTMLDOM入力テキストdefaultValueプロパティ
HTML DOM入力テキストdefaultValueプロパティは、テキストフィールドのdefaultValueを設定または取得するために使用されます。要素のdefaultValueは、value属性に割り当てられた値です。 valueプロパティとdefaultValueプロパティの違いは、後者は指定された元のデフォルト値を保持し、valueプロパティ値は入力フィールドへのユーザー入力に基づいて変更されることです。 構文 以下は、defaultValueプロパティを設定するための構文です- textObject.defaultValue = value ここで、「value」はテキストフィー