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

HTMLDOM入力番号タイププロパティ

HTML DOM入力番号typeプロパティは、type =” number”を持つinput要素に関連付けられています。入力された数値要素の数値を常に返します。

構文

以下は、数値タイププロパティの構文です-

numberObject.type

例

HTMLDOM入力番号タイププロパティの例を見てみましょう-

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

出力

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

HTMLDOM入力番号タイププロパティ

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

HTMLDOM入力番号タイププロパティ

上記の例では-

タイプ番号とそのIDが「NUMBER1」に設定された入力フィールドを作成しました。

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

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

<button onclick="getType()">Get Type</button>

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

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

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

    HTML DOM入力電子メールタイププロパティは、入力電子メールのタイプを返す/設定します。 構文 以下は構文です- 文字列値を返す inputEmailObject.type タイプの設定 文字列値へ inputEmailObject.type = stringValue 文字列値 ここでは、「stringValue」 次のようになります- stringValue 詳細 メール 入力タイプがメールであることを定義します datetime-local 入力タイプがdatetime-localであることを定義します ラジオ 入力タイプが無線であることを定

  2. HTMLDOM入力番号タイププロパティ

    HTML DOM入力番号typeプロパティは、type =” number”を持つinput要素に関連付けられています。入力された数値要素の数値を常に返します。 構文 以下は、数値タイププロパティの構文です- numberObject.type 例 HTMLDOM入力番号タイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Number type property</h1> PHONE NO: <input type="number" id