Question

为什么这个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>

Answer 1

嗯，我不确定我是否正确理解。它们看起来不同，因为图例除标签

之外还有其他功能

根据w3c，图例组将相关元素与表单相关联（例如，多个字段）

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/

Jquery mobile <fieldset data-role =“controlgroup”>使控件缩小</fieldset>

1 个答案: