form

JavaScriptでラジオボタンの選択された値を取得・表示する方法を解説します。querySelectorの:checkedセレクタ、form.elementsでの簡潔な取得、changeイベントで選択と同時に取得する方法、選択の変更・リセットまで、実際に動くデモ付きで紹介します。

input type="number"でmaxlength属性が効かない問題の解決法を解説します。桁数を固定したい数値入力には type="text" + inputmode="numeric" + maxlength が最適で、モバイルの数字キーパッドや先頭ゼロも扱えます。どうしてもtype="number"を使う場合のJavaScript制限、max属性との違い、スピナーを消すCSSまで紹介します。

JavaScriptでinputのmaxlength・minlength属性を削除する方法を解説します。removeAttributeでの削除、属性とプロパティ（element.maxLength）の違い、上限を変更する方法、条件による動的な切り替え、そしてmaxlength（入力制限）とminlength（送信時検証）の挙動の違いまで実例で紹介します。

フォームの二重送信を防ぐ方法を、送信ボタンの無効化（UI）・isSubmittingフラグでの送信中ガード（ロジック）・fetchでの非同期送信（try/finally）まで実例で解説します。確実なのはサーバー側のワンタイムトークン（idempotencyキー）で、CSRFトークンとの違いも整理します。

フォームでEnterキーを押すと意図せず送信される問題を、keydownイベントとpreventDefaultで無効化する方法を解説します。textareaの改行やIME変換確定のEnterを巻き込まない正しい書き方、特定フィールドだけの制御、Enterで次の入力欄へ移動する代替、アクセシビリティの注意点まで紹介します。