入力ﾌｫｰﾑ(ﾃｷｽﾄ：1行)の横幅ｻｲｽﾞの調整について､いつもｺｰﾃﾞｨﾝｸﾞ時に迷うのでﾒﾓしておきます｡

※前提条件：3ｷｬﾘｱ1ｿｰｽ､xhtml

size="**"のみ指定

<input type="text" size="27" name="hoge" />

他のｷｬﾘｱに合わせてｻｲｽﾞを調整していると､auで見た時に縦に2行になる場合があります(※端末の文字ｻｲｽﾞにも依存します)｡数字が大きすぎた場合?になるようですですが､だからといってauに合わせて数字を小さくすると､他のｷｬﾘｱで見た時の横幅がかなり短くなってしまいます｡

後､sizeで指定すると端末で設定している文字ｻｲｽﾞによってﾌｫｰﾑの長さも変わってきてしまうので､そこもちょっと気になるところです｡

style="width:**"のみ指定

<input type="text" style="width:80%" name="hoge" />

docomoのiﾓｰﾄﾞﾌﾞﾗｳｻﾞ1.0で横幅制御がきかなくなり､画面いっぱいに広がってしまいます｡
なので､width:100%に指定すると3ｷｬﾘｱともに画面横幅いっぱいになります｡

size="**"とstyle="width:**"両方指定

<input type="text" size="26" style="width:95%" />

｢画面横幅いっぱいじゃなくて､右にちょっと余白があったほうがいいな...｣
という場合は､size="**"とstyle="width:**"両方の指定が必要となってきます｡

• ･iﾓｰﾄﾞﾌﾞﾗｳｻﾞ2.0
• ･softbank
• ･au

がstyle="width:**"を優先するので､size="**"だけ指定した場合に気になっていた点が解消されます｡

個人的にﾍﾞｽﾄかなｰと思っている数値は､以下のような感じです｡

<input type="text" size="27" style="width:95%" />

※端末の文字ｻｲｽﾞ中を検証基準としています｡

<画像：QRｺｰﾄﾞ：ｻﾝﾌﾟﾙﾍﾟｰｼﾞ>
→ｻﾝﾌﾟﾙﾍﾟｰｼﾞを見る