HTML DOM Input Date の name プロパティの使い方を徹底解説
HTML DOM の Input Date（日付入力フィールド）における name プロパティは、<input type="date"> 要素に設定された name 属性の値を文字列として返します。さらに、新しい文字列を代入することで、name 属性の値を動的に変更することもできます。
構文
name プロパティの基本的な構文は以下のとおりです。
値を取得する場合
inputDateObject.name
値を設定する場合
inputDateObject.name = '文字列'
取得の場合は現在設定されている name 属性の値が文字列で返され、設定の場合は指定した文字列が name 属性に代入されます。
サンプルコード
それでは、Input Date の name プロパティを使用した具体的な例を見てみましょう。このサンプルでは、ボタンをクリックすると日付入力フィールドの name 属性の値が「Monday」から「Tuesday」に切り替わり、その結果が画面に表示されます。
<!DOCTYPE html>
<html>
<head>
<title>Input Date Name</title>
</head>
<body>
<form>
日付を選択： <input type="date" id="date" name="Monday">
</form>
<button onclick="changeNameValue()">name 値を変更</button>
<div id="divDisplay"></div>
<script>
var inputDate = document.getElementById("date");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = '日付入力の name 値： '+inputDate.name;
function changeNameValue() {
if(inputDate.name == 'Monday'){
inputDate.name = 'Tuesday';
divDisplay.textContent = '日付入力の name 値： '+inputDate.name;
}
}
</script>
</body>
</html>
実行結果
上記のコードを実行すると、以下のような出力が得られます。
「name 値を変更」ボタンをクリックする前：
「name 値を変更」ボタンをクリックした後：
このように、JavaScript から name プロパティを読み書きすることで、フォーム送信時のパラメータ名などを状況に応じて柔軟に制御できます。
-
HTML DOM Input Timeのnameプロパティとは？取得・設定方法を実例で解説
HTML DOM の Input Time name プロパティは、<input type=time> 要素の name 属性の値を文字列として返すプロパティです。値の取得だけでなく、新しい文字列を代入することで name 属性を動的に変更することも可能です。構文name プロパティの基本的な構文は以下のとおりです。値を取得する場合inputTimeObject.name値を設定する場合inputTimeObject.name = 文字列使用例ここでは、Input Time の name プロパティを使った具体的なサンプルコードを紹介します。ボタンのクリックによって name 属性
-
HTML DOM Input URLのnameプロパティの使い方と取得・設定方法
HTML DOMのInput URLオブジェクトにおけるnameプロパティは、入力フィールド(type=url)のname属性の値を文字列として返します。また、新しい文字列を代入することで、name属性の値を変更することも可能です。 nameプロパティとは name属性は、フォーム送信時にサーバーへデータを渡す際の識別子として利用される重要な属性です。JavaScriptからこの値を動的に取得したり書き換えたりすることで、柔軟なフォーム操作が実現できます。 構文 nameプロパティの基本的な構文は以下の通りです。 値を取得する場合 inputURLObject.name 値を設定する場合 in