1.登录表单

<form action="" method="post">
        <div>
            <div>
                <label for="email">邮箱：</label>
                <input type="text" id="email" name="email" autofocus required>
            </div>
            <div>
                <label for="password">密码：</label>
                <input type="password" id="password" name="password" required>
            </div>
            <div>
                <label for="male">性别:</label>
                <input type="radio" name="gender" id="gender" value="male" checked>
                <label for="male" >男</label>
                <input type="radio" name="gender" id="gender" value="female" >
                <label for="female">女</label>
            </div>
            <div>
                <label for="1">爱好:</label>
                <input type="checkbox" name="hobbies[]" value="lanqiu"><label for="">蓝球</label>
                <input type="checkbox" name="hobbies[]" value="sheying" checked><label for="">摄影</label>
                <input type="checkbox" name="hobbies[]" value="youxi" checked><label for="">游戏</label>
                <input type="checkbox" name="hobbies[]" value="yumaoqiu"><label for="">羽毛球</label>
            </div>
            <div>
                <label for="user">跑步:</label>
                <select name="run" id="user">
                    <option value="1">第一名</option>
                    <option value="2">第二名</option>
                    <option value="3">第三名</option>
                </select>
            </div>
            <input type="submit">
        </div>
    </form>

2.iframe后台架构

<ul>
        <li><a href="demo11.html" target="iframe">登录页面</a></li>
        <li><a href="demo22.html" target="iframe">文章页面</a></li>
        <li><a href="demo33.html" target="iframe">其他页面</a></li>
    </ul>
    <iframe src="" frameborder="1" name="iframe"></iframe>