2009-07

先日wordpressのテーマファイルをいじっていたときに、コード上ではAbcdefとなっているのに、実際にブラウザで見てみるとabcdefになっていて、しばらくにらめっこをしていたんですが…

調べてみたところ、コード上では大文字なのになぜブラウザで見ると小文字なのかの原因は、スタイルシートで

text-transform　というスタイルがあたっていたからでした。

プロパティ値は

• none　（初期値）
• capitalize　（先頭の文字だけ大文字）
• uppercase　（全て大文字）
• lowercase　（全て小文字）

の4つで、今回の原因は　Abcdef　のテキスト部分に、lowercase（全て小文字）が指定されていたせいで、先頭のAが小文字になっていたのでした。

どうやら単語ごとに先頭文字を大文字にしたりできるみたいなので、例えば

i love wordpress.
と3つの単語をpタグで囲って、そのpタグに　text-transform:capitalize; を指定すると
i love wordpress. となるわけですね。
使い道があるかどうかはちょっと…ですが、また引っかかりそうなのでメモメモ。

ただ今モバイルサイトを作成しているのですが、ケータイでメールフォームに入力することを考えると、いちいちフォームを移動するたびに、郵便番号や電話番号のときは数字に入力モードを切り替えるのって、自分がやるとしたら面倒くさいですよね。

というわけで、入力モードをフォームによって指定する方法はないものかと思ってgoogle先生に伺ってみましたところ…

ケータイサイトのフォーム入力の文字種別を指定する方法 | モバイル(携帯電話・ケータイ)Web | 阿部辰也のブログ――人生はひまつぶし。
とっても参考になるブログが見つかりました。

3キャリアに対応していて、自分のケータイ（au　S001）でチェックしたところ、最初から数字の入力モードにすることができました。