Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 新用户注册信息表
Blogger Information
Blog 25
fans 0
comment 0
visits 10560
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
新用户注册信息表
PHui
Original
327 people have browsed it
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <style>
  11.       label {
  12.         width: 52px;
  13.         height: 35px;
  14.         text-align: left;
  15.         display: inline-block;
  16.       }
  17.     </style>
  18.     <h1>新用户注册信息表</h1>
  19.     <form
  20.       action="demo.html"
  21.       method="post"
  22.       enctype="application/x-www-form-urlencoded"
  23.       target="_blank"
  24.       id="register"
  25.     >
  26.       <fieldset style="width: 400px">
  27.         <legend>基本信息</legend>
  28.         <div class="username">
  29.           <label for="uname">用户名:</label>
  30.           <input
  31.             type="text"
  32.             id="uname"
  33.             name="username"
  34.             placeholder="请输入用户名"
  35.             required
  36.           />
  37.         </div>
  38.         <div class="password">
  39.           <label for="psw">密码:</label>
  40.           <input
  41.             type="password"
  42.             id="psw"
  43.             name="password"
  44.             placeholder="请输入密码"
  45.             required
  46.           />
  47.         </div>
  48.         <div class="email">
  49.           <label for="myemail">邮箱:</label>
  50.           <input
  51.             type="email"
  52.             id="myemail"
  53.             name="email"
  54.             placeholder="格式xxxx@xx.com"
  55.             required
  56.           />
  57.         </div>
  58.         <div class="blog">
  59.           <label for="myblog">博客:</label>
  60.           <input type="url" id="myblog" name="blog" placeholder="http://" />
  61.         </div>
  62.         <div class="gender">
  63.           <label for="secret">性别:</label>
  64.           <input type="radio" id="male" name="gender" value="male" />男
  65.           <input type="radio" id="female" name="gender" value="female" />女
  66.           <input
  67.             type="radio"
  68.             id="secret"
  69.             name="gender"
  70.             value="secret"
  71.             checked
  72.           />保密
  73.         </div>
  74.         <div class="year">
  75.           <label for="myyear">年龄:</label>
  76.           <input
  77.             type="number"
  78.             id="myyear"
  79.             name="year"
  80.             value="18"
  81.             min="18"
  82.             max="80"
  83.           />岁
  84.         </div>
  85.         <div class="birth">
  86.           <label for="birthday">生日:</label>
  87.           <input type="date" id="birthday" name="birthday" value="2022-10-19" />
  88.         </div>
  89.         <div class="hobby">
  90.           <label for="travel">爱好:</label>
  91.           <input type="checkbox" id="read" name="read" />读书
  92.           <input type="checkbox" id="game" name="game" />游戏
  93.           <input type="checkbox" id="swim" name="swim" />游泳
  94.           <input type="checkbox" id="travel" name="travel" />旅游
  95.         </div>
  96.         <div class="upload">
  97.           <label for="">头像:</label>
  98.           <input type="file" id="" name="" />
  99.           <button type="button">上传</button>
  100.         </div>
  101.         <div>
  102.           个性签名<br />
  103.           <textarea
  104.             maxlength="50"
  105.             rows="3"
  106.             cols="30"
  107.             style="resize: none"
  108.           ></textarea>
  109.         </div>
  110.         <button>提交</button>
  111.       </fieldset>
  112.     </form>
  113.   </body>
  114. </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
0 comments
Author's latest blog post