Category Archives: HTML

スマートフォンのラジオボタンを使いやすいサイズにするには? | HTML | Webサイト開発

スマートフォンは画面をタッチして操作をするので、フォームを使ったページではラジオボタンとチェックボックスのサイズは入力のしやすさに大きく関わってきます。

情報を入力しているときにボタンサイズが小さくてタッチしにくいと、イライラしてしまったり入力を諦めてしまったりするので、ECサイトなどでは購入機会の損失につながる深刻な問題になりかねません。

それを防ぐ為にも、ボタンは最適サイズにしておきたいものです。

そこで、どのようなCSSプロパティを使うとiPhone、Android端末でボタンをタッチしやすいサイズに調整出来るのか実際に確認してみます。 iPhoneとAndroid端末では結果が少し違っていたので、その結果をまとめてみました。

続きを読む

maxlengthで半角文字数で制限するには? | HTML | Webサイト開発

入力フォームではおなじみのmaxlength属性。携帯ブラウザでも使えるけど、やっぱり機種依存がある。機種依存の影響は大きく、場合によっては画面遷移やDB定義にまで手をつけないといけないことも・・・。

まずは手元にある端末を使って実機調査を敢行した。

続きを読む

iPhone向けSafari、HTML拡張属性を使いこなす | HTML | Webサイト開発

iPhone向けSafariでは、W3C標準のHTMLタグ・属性をサポートしているのはもちろんだが、iPhone固有の拡張属性・拡張CSSプロパティが使用できる。具体的には、テキストの入力方法を制御するものからタッチパネル操作専用のイベントハンドラ、バックライトの制御といった機能まである。

今回はiPhone固有のHTML拡張属性を紹介したい。

IMGP0544-s

続きを読む