表格，用于标签和输入的单独div [英] Forms, separate div for labels and inputs

问题描述

为输入使用单独的div和为标签使用单独的div是否正确? 例如:

Is this correct to have separate div for inputs and separate div for labels? For example:

<div class="labels">
     <label for="place-name">Place name: </label>
     <label for="place-cat">Category: </label>
</div>

<div class="inputs">
     <input type="text" name="place-name">
     <select name="place-cat">
          <option value="value-01">Value 01</option>
          <option value="value-02">Value-02</option>
     </select>
</div>

谢谢.

推荐答案

You can use this 

<style>
.clear{
clear:both;
margin:5px;
padding:5px 0px;
}
.labels{
float:left;
width:100px;
}
.inputs{
float:left;
}
</style>

<div class="clear">
<div class="labels"><label for="place-name">Place name: </label></div>
<div class="inputs"><input type="text" name="place-name"></div>
</div>

<div class="clear">
<div class="labels"><label for="place-cat">Category: </label></div>
<div class="inputs"><select name="place-cat">
          <option value="value-01">Value 01</option>
          <option value="value-02">Value-02</option>
     </select></div>
</div>

这篇关于表格，用于标签和输入的单独div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！