入力要素がコンテナの残りの幅を埋めるようにするにはどうすればよいですか?

コンテナの残りの幅に合わせて入力要素をスタイル設定する方法

固定テキスト内のラベルの横に入力要素がある状況によく遭遇することがあります。幅のコンテナ。目的は、改行を発生させずに入力フィールドの幅を動的に調整して残りのスペースを埋めることです。

CSS ソリューション

<br>form {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">width: 500px;
overflow: hidden;
background-color: yellow;

ログイン後にコピー

}
入力 {

width: 100%;

}
スパン {

display: block;
overflow: hidden;
padding-right:10px;

}
ボタン {

float: right;

}

<br><form method="post"></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <button>Search</button>
 <span><input type="text" title="Search" /></span>

ログイン後にコピー