表单和iframe

表单和iframe

登录表单演示

 <!-- 登录表单 -->
    <form action="" method="get">
      <label for="user-name">用户：</label>
      <input
        type="text"
        id="user-name"
        name="user-name"
        value=""
        placeholder="请输入汉字"
        required
      />
      <label for="psw">密码：</label>
      <input
        type="password"
        id="psw"
        name="password"
        value=""
        placeholder="输入八位数字"
        required
      />
      <label for="my-email">邮箱：</label>
      <input
        type="email"
        id="my-email"
        name="email"
        value=""
        placeholder="输入邮箱"
        required
      />
      <button>注册</button>

简单的iframe

<div>
      <h2>后台管理</h2>
      <div>
        <span>admin</span>
        <a href="">退出</a>
      </div>
    </div>
    <ul class="nav">
      <li><a href="demo1" target="content">菜单导航1</a></li>
      <li><a href="demo2" target="content">菜单导航2</a></li>
      <li><a href="demo3" target="content">菜单导航3</a></li>
      <li><a href="demo4" target="content">菜单导航4</a></li>
      <li><a href="demo5" target="content">菜单导航5</a></li>
    </ul>
    <iframe src="" frameborder="1" name="content"></iframe>