inputの見え方サイズの違い
書き込みが出来るinputのテキストエリアなど「size」で一見大きさを設定できるように思えますが、ブラウザによって表示される長さが違ったりします。
特にMacのサファリだと、驚くくらい長さが違って見えたりします。
※1.5倍くらいに見えるかも…(^_^;)
inputの長さを全てのブラウザで統一したい場合は、スタイルシートで長さを指定したほうが良いです。
<input type="text" name="name" size="30" maxlength="30" value="サンプル" class="textsize">
※ちなみに上記HTMLの意味
size="" 入力フィールドの横幅を数値で指定します
maxlength="" 入力できる最大文字数を指定します
textsize{
width:400px;
}
これで、全てのブラウザで400pxの長さで表示されます。