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>

2番：

<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

ええと、正しく理解しているかどうかわかりません。凡例はラベル以外のことを行うため、それらは異なって見えます

w3c に従って、凡例は関連する要素をフォームにグループ化します (複数のフィールドなど)。

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

一方、ラベルは入力要素のラベルを定義します

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 に答える