2016年06月15日
input=textタグの幅を自動で最大に設定
html のinput="text"のタグの幅を自動で最大に設定する方法です。
例えば、テーブルにテキストの入力欄を入れたい場合、
テーブルのセル幅が可変だと、テキスト入力欄もテーブルのセル幅に合わせて
自動調整してほしいところです。そのあたりをメモφ(..)
<table>
<tr>
<td style="width:100px">
サンプルデータ
</td>
<td style="position:relative">
<input type="text" style="width:100%; box-sizing:border-box" placeholder="入力欄">
</td>
</tr>
</table>
style="position:relative
で相対位置になるようにしておき、
inputタグに、
style="width:100%; box-sizing:border-box"
を記述すれば自動でテキストボックスMAX幅になりました!
【このカテゴリーの最新記事】
-
no image
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
https://fanblogs.jp/tb/5163333
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック