タグ

ブックマーク / webnoborder.jp (1)

  • » [追記]ちょっとした工夫で実現できるスマートフォンのチェックボックスやラジオボタンを使いやすくする方法 | Webnoborder

    スマートフォンサイトでチェックボックスやラジオボタンを実装しようとした時、labelタグが使えないため困ったことはありませんか? labelが使えない問題点 labelが使えるPCの場合、チェックボックスやラジオボタンの隣にあるテキストをクスマートフォンサイトでチェックボックスやラジオボタンを実装しようとした時、labelタグが使えないため困ったことはありませんか? labelが使えない問題点 labelが使えるPCの場合、チェックボックスやラジオボタンの隣にあるテキストをクリックしても選択したことになります。 しかしiPhoneは、labelで囲んでいるテキストをタップしても選択したことになりません。 これだと使いにくいためテキストをタップしても動作させる必要があります。 チェックボックスとラジオボタンの準備 labelにonclickを記述する以外は普通の記述方法で問題ありません。

  • 1