iPhone,iPad用サイトでlabelタグが使えない件-パソコン・office・PHP・フリーソフトなどの各種豆知識をご紹介｜SGブログ-

フォームを作る際に、ユーザビリティを激的に向上させるひとつに、チェックボックスやラジオボタンと一緒に使うlabelタグがあります。 例えば↓これが普通のチェックボックス チェックして下さい これにlabelタグをつけてあげると↓こんな感じ チェックして下さい こうすると、「チェックして下さい」をクリックしても、チェックボックスにチェックが入ります。 ただ、iPhoneやiPadに搭載されているブラウザのMobile Safariでは、このラベルタグが使えません。。 使えるようにして欲しいですがしょうがないです。 なのでJavaScriptで解決！ 手っ取り早くjQueryでliにclickイベントを発動させてあげるだけ！ jQueryを読み込んでいる前提で、下記の感じで <!-- ↓html↓--> <ul> <li><input name="test" value="test" type