HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOM入力数値値プロパティ

HTML DOM入力番号valueプロパティは、type =” Number”を持ち、value属性を持つinput要素に関連付けられています。このプロパティは、入力要素の値属性の値を返すか、設定するために使用されます。このプロパティは、要素のデフォルト値を指定するために使用され、その値をユーザー入力に変更します。

構文

以下は、-

の構文です。

値プロパティの設定-

numberObject.value = number;

ここで、numberは、numberフィールドの値を指定するために使用されます。

例

入力数値値プロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input Number Value property</h1>
PHONE NO: <input type="number" value="222" id="NUMBER1">
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
   function getValue() {
      var t = document.getElementById("NUMBER1").value;
      document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOM入力数値値プロパティ

「値を取得」ボタンをクリックすると-

HTMLDOM入力数値値プロパティ

上記の例では-

タイプ番号とそのIDが「NUMBER1」に設定された入力フィールドを作成しました。 value属性を使用して数値フィールドのデフォルト値を指定しました。

PHONE NO: <input type="number" value="222" id="NUMBER1">

次に、ユーザーがクリックしたときにgetValue（）メソッドを実行する「GetValue」ボタンを作成しました-

<button onclick="getValue()">Get Value</button>

getValue（）は、getElementById（）メソッドを使用して入力要素を取得し、その「value」属性値を変数tに割り当てます。この変数は、innerHTMLプロパティ-

を使用して、IDが「Sample」の段落に表示されます。 
function getValue() {
   var t = document.getElementById("NUMBER1").value;
   document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}

  1. HTMLDOM入力Eメール値プロパティ

    HTML DOM入力電子メール値プロパティは、入力電子メールの値属性である文字列を返します。ユーザーはそれを新しい文字列に設定することもできます。 構文 以下は構文です- 文字列値を返す inputEmailObject.value 値の設定 文字列の属性 値 inputEmailObject.value = ‘String’ 例 メール値の入力の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Input Email value</title&g

  2. HTMLDOM入力時間値プロパティ

    HTML DOM入力時間valueプロパティは、入力時間のvalue属性の値である文字列を返します。ユーザーはそれを新しい文字列に設定することもできます。 構文 以下は構文です- 文字列値を返す inputTimeObject.value 値の設定 文字列値の属性 inputTimeObject.value = ‘String’ 例 入力時間の値の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Input Time value</title>