Tableless forms
CSS代码
label,input
{
display: block;
float: left;
margin-bottom: 10px;
width: 150px;
}
label
{
padding-right: 20px;
text-align: right;
width: 75px;
}
br
{
clear: left;
}
{
display: block;
float: left;
margin-bottom: 10px;
width: 150px;
}
label
{
padding-right: 20px;
text-align: right;
width: 75px;
}
br
{
clear: left;
}
HTML代码
<form>
<label for=”name”>Name</label><input id=”name” name=”name”><br>
<label for=”address”>Address</label><input id=”address” name=”address”><br>
<label for=”city”>City</label><input id=”city” name=”city”> <br>
</form>
<label for=”name”>Name</label><input id=”name” name=”name”><br>
<label for=”address”>Address</label><input id=”address” name=”address”><br>
<label for=”city”>City</label><input id=”city” name=”city”> <br>
</form>
效果

| 本作品采用 知识共享署名-非商业性使用 2.5 中国大陆许可协议进行许可。 |
浙公网安备 33010602011771号