inputEmailObject.formプロパティ

inputEmailObject.formは、メールアドレス入力欄(type属性がemailであるinput要素)が所属するform要素への参照を取得するプロパティ。

構文

取得

var $form = $inputElementReference.form;

戻り値

メールアドレス入力欄(type属性がemailであるinput要素)が所属するform要素への参照。

サンプル

メールアドレス入力欄A:
メールアドレス入力欄B:

メールアドレス入力欄Aが属するform要素のid属性値:

メールアドレス入力欄Bが属するform要素のid属性値:

サンプルのソースコード

JavaScript

<script type="text/javascript">
window.onload = function () {
    document.getElementById( "sampleOutputA" ).innerHTML = document.getElementById( "sampleA" ).form.id;
    document.getElementById( "sampleOutputB" ).innerHTML = document.getElementById( "sampleB" ).form.id;
}
</script>

HTML

<div id="sampleWarp">
    <form id="sampleFormA">
        メールアドレス入力欄A:<input type="email" id="sampleA" value="sampleA@hoge.tld">
    </form>
    <form id="sampleFormB">
        メールアドレス入力欄B:<input type="email" id="sampleB" value="sampleB@hoge.tld">
    </form>
    <p>メールアドレス入力欄Aが属するform要素のid属性値:<span id="sampleOutputA"></span></p>
    <p>メールアドレス入力欄Bが属するform要素のid属性値:<span id="sampleOutputB"></span></p>
</div>

スポンサード リンク

カテゴリー: DOM, input type=email オブジェクト, JavaScript, リファレンス パーマリンク