サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
labyrinth-of-wisdom.hatenadiary.com
入力フォームでよくある、全選択・全解除のチェックボックスのサンプルです。 色んな方法がありますが、今回は<input>の属性nameが全て同じだった場合を記載しています。 参考ページに色んな方法が書いてあるので、状況に応じて使いこなしてみてください。 全て選択 TEST1 TEST2 TEST3 TEST4 <form name="form"> <label> <input type="checkbox" name="all" onClick="AllChecked();" />全て選択 </label> <p> <label> <input type="checkbox" name="test" value="TEST1" onClick="DisChecked();" />TEST1 </label> <label> <input type="checkbox" name="test"
「メールアドレス」と「確認用メールアドレス」の入力値を照らし合わせて、一致しなかった場合はエラーメッセージを出すという、入力フォームでよくある機能のサンプルを2パターン記載します。 どちらもJavaScriptを使用するんですが、エラーメッセージの出し方を変えています。 状況に応じて使い分けてみてください。 サンプル1 エラーメッセージをJavaScriptのアラートで表現したパターンです。 こっちの方がコード的には簡単です。 メール: メール確認用: <form onSubmit="return CheckEmail_1()"> <div> <label for="email_1">メール:</label> </div> <div> <input type="email" id="email_1" required> </div> <div> <label for="emailConfi
このページを最初にブックマークしてみませんか?
『labyrinth-of-wisdom.hatenadiary.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く