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