PHP & JavaScript Room :: 設置サンプル

<style type="text/css">
    form#member fieldset {
        margin:1em 0; padding:0 10px 10px 10px;
        border:1px solid #ccc;
    }
    form#member legend {
        margin:0; padding:0 5px;
        font-weight:bold;
    }
</style>
<form action="#" id="member">
   <fieldset>
        <legend>ログイン情報</legend>
        <p><label for="login_id">ユーザー名：</label><input type="text" name="login_id" id="login_id" /></p>
        <p><label for="login_pw">パスワード：</label><input type="password" name="login_pw" id="login_pw" /></p>
    </fieldset>
    <fieldset>
        <legend>個人情報</legend>
            <p>
                <label for="name">氏名：</label>
                <input id="name" />
            </p>
            <p>
                <label for="postcode">郵便番号：</label>
                <input id="postcode" />
            </p>
            <p>
                <label for="address">住所：</label>
                <input id="address" />
            </p>
            <p>
                <label for="email">E-mail：</label>
                <input id="email" />
            </p>
            <fieldset>
                <legend>メルマガを購読しますか？</legend>
                <p>
                    <label><input type="radio" name="melmaga" />はい</label>
                    <label><input type="radio" name="melmaga" />いいえ</label>
                </p>
            </fieldset>
    </fieldset>
</form>