2009年7月24日

フォームのテキストボックスのサイズ

投稿者: 管理者

サイト内検索(全文検索)を設置し、そのフォームのサイズを文字数を[size=”30″]としてみた。
ちなみにこれを設置するDivボックスのワイドは、320px、背景に画像でデザインする。
inputに、単に、[size=”30″]の指定のみだと、ブラウザによってあまりに幅がバラバラになり、背景のデザインのジャマになったり、Mac Firefoxでは、はみ出てしまったりも。

<input name=”query” type=”text” onclick=”value=”,onclick=null” value=”サイト内を検索” size=”30″ class=”search_size” />

classでサイズを例えば200pxに固定してしまえばいい。
.search_size {width: 200px;}
特記
<aaaaa>