jquery - ユーザーフォームと凡例 新しい外観

Question

シンプルなフォーム用にレイアウトされた次の UI があります。 http://jsfiddle.net/h5Zbj/2/ 入力 type="checkbox" は、実際には asp.net フォームのチェックボックス リストです。誰かがスタイルを追加することを提案できますか? Google でこれを見つけましたが、実際には必要以上に多くのものがあります。凡例を取得するという私のニーズに合わせてこのスクリプトを変更しようとしています。テキストボックスは魅力的に見えます。誰もこれを以前にやったことがありますか？ http://www.emblematiq.com/lab/niceforms/

<form id="form1" runat="server">
   <fieldset>
       <legend>Personal Infor </legend>
    <table>
        <tr>
        <td>Username</td>
        <td>
            <input type='text' />
        </td>
        </tr>
        <tr>
            <td>First Name</td>
            <td>
                <input type='text' />
            </td>
            <td>Last Name</td>
            <td>
                <input type='text' />
            </td>
        </tr>
         <tr>
        <td>Email</td>
        <td>
            <input type='text' />
        </td>
        </tr>
    </table>
    </fieldset>
    <fieldset>
        <legend>Access Rights</legend>
        <input type="checkbox" name="Start" value="Bike"><br>
<input type="checkbox" name="Admi" value="Admin">
    </fieldset>
</form>

Answer 1

このフィドルをチェックしてください：http://jsfiddle.net/h5Zbj/8/

<form id="form1" runat="server">
    <fieldset class="section">
      <legend>Personal Info</legend>
      <div class="content">
        <table>
            <tr>
            <td>Username</td>
            <td>
                <input type='text' />
            </td>
            </tr>
            <tr>
                <td>First Name</td>
                <td>
                    <input type='text' />
                </td>
                <td>Last Name</td>
                <td>
                    <input type='text' />
                </td>
            </tr>
             <tr>
            <td>Email</td>
            <td>
                <input type='text' />
            </td>
            </tr>
        </table>
      </div>                                
    </fieldset>
</form>

あなたが提案したように、スタイリングが適用されます。

お役に立てば幸いです。