HTMLでデフォルトの月を設定する方法


方法1: HTMLの"selected"属性を使用する

<select name="month">
  <option value="1">1月</option>
  <option value="2" selected>2月</option>
  <option value="3">3月</option>
  <!-- 他の月のオプション -->
</select>

上記の例では、2月がデフォルトで選択されています。"selected"属性を使用することで、特定のオプションをデフォルトで選択することができます。

方法2: JavaScriptを使用する

<select id="monthSelect" name="month">
  <option value="1">1月</option>
  <option value="2">2月</option>
  <option value="3">3月</option>
  <!-- 他の月のオプション -->
</select>
<script>
  document.getElementById("monthSelect").value = "2";
</script>

上記の例では、JavaScriptを使用して2月をデフォルトで選択しています。JavaScriptのコードを追加することで、特定の値をプログラム的に選択することができます。

方法3: PHPを使用する

<select name="month">
  <option value="1">1月</option>
  <option value="2"<?php if ($selectedMonth == 2) echo " selected"; ?>>2月</option>
  <option value="3">3月</option>
  <!-- 他の月のオプション -->
</select>

上記の例では、PHPを使用して2月をデフォルトで選択しています。PHPの変数を使用して、特定の値に基づいて"selected"属性を追加することができます。

これらの方法を使用することで、HTMLのフォームでデフォルトの月を設定することができます。適切な方法を選択して、自分のニーズに合わせて実装してみてください。