2

为什么这个 DIV 看起来不同?
第一的:

<div data-role="fieldcontain">
   <fieldset data-role="controlgroup">
      <legend>City</legend>
      <input type="text" id="select_team_city" value="" placeholder="Type Team City"/>
   </fieldset>
</div>

第二:

<div data-role="fieldcontain">
   <label for="select_team_name">Name</label>
   <input type="text" id="select_team_name" value="" placeholder="Type Team Name"/>
</div>
4

1 回答 1

1

嗯,我不确定我是否理解正确。它们看起来不同,因为Legend做的不是标签

根据 w3c,legend 将相关元素分组到一个表单中(例如,多个字段)

http://www.w3schools.com/tags/tag_legend.asp

而 label 为输入元素定义了一个标签

http://www.w3schools.com/tags/tag_label.asp

请参阅那里的示例,或考虑以下内容。我不确定您要达到什么目的,但以下是我如何理解这些标签的用法:

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <legend>Team Information</legend>
        <label for="select_team_city">City</label>
        <input type="text" id="select_team_city" value="" placeholder="Type Team City"/>
        <label for="select_team_name">Name</label>
        <input type="text" id="select_team_name" value="" placeholder="Type Team Name"/>
    </fieldset>
</div>

请参阅此处的工作示例:http: //jsfiddle.net/C3CR2/2/

于 2013-07-19T12:18:45.240 回答