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

HTML DOM Input Submit typeプロパティとは？構文とサンプルコードで解説

HTML DOMのInput Submit typeプロパティは、type="submit"が設定されたinput要素に関連付けられたプロパティです。このプロパティは、送信ボタン（submit）型のinput要素に対して常に文字列「submit」を返します。

フォームの送信ボタンがどの種類の入力要素なのかをJavaScriptから動的に確認したい場合に役立ちます。

構文（シンタックス）

Submit typeプロパティの基本的な構文は以下の通りです。

submitObject.type

対象となるinput要素のオブジェクトに対して.typeを指定するだけで、その要素のtype属性値を文字列として取得できます。

サンプルコード

実際にSubmit typeプロパティを使った例を見てみましょう。ボタンをクリックすると、フォーム内のinput要素のtype属性値が画面に表示されます。

<!DOCTYPE html>
<html>
<body>
<h1>Input Submit type プロパティ</h1>
<form>
<input type="submit" id="SUBMIT1" value="送信">
</form>
<p>下のボタンをクリックすると、上記input要素のtypeを取得できます。</p>
<button type="button" onclick="submitType()">typeを取得</button>
<p id="Sample"></p>
<script>
    function submitType() {
        var P = document.getElementById("SUBMIT1").type;
        document.getElementById("Sample").innerHTML = "この入力フィールドのtypeは： " + P;
    }
</script>
</body>
</html>

コードのポイント

  • getElementById("SUBMIT1")でidが「SUBMIT1」のinput要素を取得しています。
  • .typeプロパティにアクセスすることで、その要素のtype属性値を取得します。
  • 取得した値はinnerHTMLを使って画面に出力されます。

実行結果

このコードを実行すると、まずフォーム内に「送信」というラベルの付いたsubmitボタンと、「typeを取得」という通常のボタンが表示されます。

「typeを取得」ボタンをクリックすると、以下のようにinput要素のtype属性値が出力されます。

この入力フィールドのtypeは： submit

このように、type="submit"が設定されたinput要素に対してtypeプロパティを参照すると、常に「submit」という文字列が返されることが確認できます。

まとめ

  • Input Submit typeプロパティは、submit型のinput要素のtype属性値を返す。
  • 戻り値は常に文字列「submit」になる。
  • JavaScriptから動的にフォーム要素の種類を判定する際に活用できる。
  1. HTML DOM Input Searchタイププロパティの使い方とサンプルコード

    HTML DOMのInput Searchタイププロパティは、type=searchが指定されたinput要素に関連付けられているプロパティです。このプロパティは、検索用input要素に対して常に文字列「search」を返します。構文Searchタイププロパティの構文は以下のとおりです。searchObject.typeサンプルコードそれでは、Input Searchタイププロパティの使用例を見てみましょう。<!DOCTYPE html> <html> <body> <h1>Search type property</h1> <

  2. HTML DOMのInput Submit valueプロパティとは？構文と使い方を実例で解説

    HTML DOM の input submit value プロパティは、type=submit を持つ input 要素の value 属性に関連付けられたプロパティです。このプロパティを使うことで、送信ボタンの value 属性の値を取得したり、新しい値を設定したりすることができます。 送信ボタンの value プロパティを変更すると、ボタンに表示されるテキストも変化します。通常、送信ボタンにはデフォルトで「Submit（送信）」というテキストが表示されますが、value プロパティを利用すれば、これを任意の文字列に自由に変更できます。 構文 value プロパティを設定する場合の基本的な