表單，用於標籤和輸入的單獨div

這是正確的具有單獨的div用於輸入和單獨的div用於標籤嗎？例如：表單，用於標籤和輸入的單獨div

<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>

在此先感謝您。

來源

2013-02-02 Hybryda

這取決於你想如何使用這些div標籤。 – Arpit

只是爲了造型的目的。左側標籤，右側輸入。兩列布局。 – Hybryda

那就是爲什麼'for'屬性被髮明=） –

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>

來源

2013-02-02 16:43:39

表單，用於標籤和輸入的單獨div

回答

相關問題