一般用哪种结构

Question

<ul>
<li>
    <label>姓名</label> <input type="text" />
</li>
<li>
    <label>性别</label> <input type="text" />
</li>
</ul>
//---------------------------------------------------------------
<ul>
<li>
    <span>姓名</span> <input type="text" />
</li>
<li>
    <label>性别</span> <input type="text" />
</li>
</ul>
像这样的结构 
一般是用上面那种好
还是用  下满的那种好
为什么？？？？  
对重构不熟....

Answer 1

建议用span 不会换行并且是放普通文本

Answer 2

上边的好
稍微改下,label加上for，对应的input加上id<ul>
<li>
    <label for="name">姓名</label> <input type="text" id="name" />
</li>
<li>
    <labe for=“sex”>性别</label> <input type="text"  id="sex"/>
</li>
</ul>

Answer 3

从可读性方面来说 ，还是第一种比较好。另  外  label 的for属性 只想 input的 id，这样当点击label标签的时候，可以使input自动获得焦点。