简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 新用户注册表
Blogger Information
Blog 8
fans 0
comment 2
visits 3054
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
新用户注册表
阿彪 涉外电商高级顾问
Original
317 people have browsed it
Document

新用户注册

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

  </head>

  <body>

    <h1>新用户注册</h1>

    <form action="verify.php" method="post">

      <fieldset>

        <div class="username">

          <label for="uname">用户名</label>

          <input

            type="text"

            name="username"

            id="uname"

            placeholder="用户名最少2位, 最多10位"

            minlength="2"

            maxlength="10"

            required

          />

        </div>

        <div class="password">

          <label for="pw">密码</label>

          <input

            type="password"

            name="password"

            value=""

            id="pw"

            placeholder="密码不少于6位"

            minlength="6"

            required

          />

          <button

            type="button"

            onclick="this.previousElementSibling.type='text'"

          >

            查看密码

          </button>

        </div>

        <div class="email">

          <label for="mail">邮箱</label>

          <input

            type="email"

            name="email"

            value=""

            id="mail"

            placeholder="user@helloeyewear.com"

            required

          />

        </div>


        <div class="gender">

          <label for="secret">性别：</label>

          <input type="radio" name="gender" id="male" /><label for="male"

            >男</label

          >

          <input type="radio" name="gender" id="female" /><label for="female"

            >女</label

          >

          <input type="radio" name="gender" id="secret" checked /><label

            for="secret"

            >保密</label

          >

        </div>

        <div class="born_date">

          <label for="born_date">出生年份</label>

          <select name="born_date" id="born_date">

            <option selected disabled>--请选择--</option>

            <option value="1949">1949</option>

            <option value="1950">1950</option>

            <option value="1951">1951</option>

            <option value="1952">1952</option>

            <option value="1953">1953</option>

            <option value="1954">1954</option>

            <option value="1955">1955</option>

            <option value="1956">1956</option>

            <option value="1957">1957</option>

            <option value="1958">1958</option>

            <option value="1959">1959</option>

            <option value="1960">1960</option>

            <option value="1961">1961</option>

            <option value="1962">1962</option>

            <option value="1963">1963</option>

            <option value="1964">1964</option>

            <option value="1965">1965</option>

            <option value="1966">1966</option>

            <option value="1967">1967</option>

            <option value="1968">1968</option>

            <option value="1969">1969</option>

            <option value="1970">1970</option>

            <option value="1971">1971</option>

            <option value="1972">1972</option>

            <option value="1973">1973</option>

            <option value="1974">1974</option>

            <option value="1975">1975</option>

            <option value="1976">1976</option>

            <option value="1977">1977</option>

            <option value="1978">1978</option>

            <option value="1979">1979</option>

            <option value="1980">1980</option>

            <option value="1981">1981</option>

            <option value="1982">1982</option>

            <option value="1983">1983</option>

            <option value="1984">1984</option>

            <option value="1985">1985</option>

            <option value="1986">1986</option>

            <option value="1987">1987</option>

            <option value="1988">1988</option>

            <option value="1989">1989</option>

            <option value="1990">1990</option>

            <option value="1991">1991</option>

            <option value="1992">1992</option>

            <option value="1993">1993</option>

            <option value="1994">1994</option>

            <option value="1995">1995</option>

            <option value="1996">1996</option>

            <option value="1997">1997</option>

            <option value="1998">1998</option>

            <option value="1999">1999</option>

            <option value="2000">2000</option>

            <option value="2001">2001</option>

            <option value="2002">2002</option>

            <option value="2003">2003</option>

            <option value="2004">2004</option>

            <option value="2005">2005</option>

            <option value="2006">2006</option>

            <option value="2007">2007</option>

            <option value="2008">2008</option>

            <option value="2009">2009</option>

            <option value="2010">2010</option>

            <option value="2011">2011</option>

            <option value="2012">2012</option>

            <option value="2013">2013</option>

            <option value="2014">2014</option>

            <option value="2015">2015</option>

            <option value="2016">2016</option>

            <option value="2017">2017</option>

            <option value="2018">2018</option>

            <option value="2019">2019</option>

            <option value="2020">2020</option>

            <option value="2021">2021</option>

            <option value="2022">2022</option>

          </select>

        </div>

        <div class="resouce">

          <label>您是如何找到我们的？</label>

          <input

            type="checkbox"

            name="resouce[]"

            value="google"

            id="google"

            checked

          /><label for="google">Google</label>

          <input

            type="checkbox"

            name="resouce[]"

            value="twitter"

            id="twitter"

          /><label for="twitter">Twitter</label>

          <input

            type="checkbox"

            name="resouce[]"

            value="facebook"

            id="facebook"

          /><label for="facebook">Facebook</label>

          <input

            type="checkbox"

            name="resouce[]"

            value="other"

            id="other"

          /><label for="other">Others</label>

        </div>

      </fieldset>


      <button>提交</button>

    </form>

  </body>

</html>



Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：效果实现的不错,代码使用代码块包裹起来就更好了
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
2 comments
阿彪 涉外电商高级顾问 2022-10-21 08:09:35
代码使用代码块包裹起来, 是不是外部再加一层div， 还是其它什么方法？
1 floor
写作业的时候上面有一行小图标，其中有个图标叫“代码块”，点击之后就可以添加代码了，
WBOY 2022-10-21 17:26:36
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！