0

私は次のhtmlを持っています:

<head>
  <link href="http://yui.yahooapis.com/pure/0.3.0/base-min.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form action="/item" class="pure-form pure-form-stacked" method="POST">
        <fieldset>
            <label for="item">Name of item</label>
            <input id="item" name="item" type="text" />
            <label for="desc">Description</label>
            <input id="desc" name="desc" type="text" />
            <input type="submit" value="Add" />
        </fieldset>
    </form>
</body>

これは、 http://purecss.io/forms/の例 (スタック フォーム) のようにはレンダリングされませんが、インライン フォームに似ています (あまり良くありません)。私のhtmlに何か問題がありますか？

4

1 に答える 1

3

純粋な形式の css を含めていません。

追加

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">

あなたの頭に。

http://jsfiddle.net/jaap/tFAWe/

(ボタン クラスをボタンに追加し、凡例ノードをフィールドセットに追加しました)。

于 2013-10-07T10:53:47.203 に答える