我一直在网上搜索,但还没有找到问题的解决方案。
以下是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>
最后一个size
属性的"11"one_answers"12"都不会使两个字段的宽度与第一个input
的宽度相同。
我曾尝试将所有字段设置为div
,宽度设置为100%,但60%和40%也不适合。我想知道如何使第二行的宽度与第一行的宽度相同?
尝试在样式中使用宽度,而不是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>