0

ネットで調べてみましたが、解決策が見つかりません。

HTML コードは次のとおりです: http://jsfiddle.net/tA7VT/

<p>Enter your name:<br><input type='text' name='name' size='30'></p>

<p>Your age:<br><input type='text' name='age' size='10'> years old</p>

<p>Provide your location info:<br>
<input type='text' name='street' style='padding-left: 10px' size='50' placeholder='Street and house number'><br>
<input type='text' name='city' style='padding-left: 10px' size='30' placeholder='City or town'>
<input type='text' name='zip' style='padding-left: 10px' size='11' placeholder='ZIP'></p>

最後の属性の '11' も '12' もsize、2 つのフィールドの幅を最初のフィールドと同じにはしませんinput。

幅を 100% に設定してすべてのフィールドを配置しようとしましたdivが、60% と 40% も収まりません。2行目を最初の行と同じ幅にする方法を教えてください。

4

1 に答える 1

1

ではなく、スタイルで幅を使用してみてくださいsize

<p>Enter your name:<br><input type='text' name='name' size='30'></p>

<p>Your age:<br><input type='text' name='age' size='10'> years old</p>

<p>Provide your location info:<br>
<input type='text' name='street' style='padding-left: 10px; width: 315px;'placeholder='Street and house number'><br>
<input type='text' name='city' style='padding-left: 10px; width: 200px;' placeholder='City or town'>
<input type='text' name='zip' style='padding-left: 10px; width:100px;' placeholder='ZIP'></p>
于 2013-08-26T18:01:51.070 に答える