Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 1-17作业
Blogger Information
Blog 10
fans 0
comment 1
visits 3170
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
1-17作业
P粉753609736
Original
281 people have browsed it

表单注册

1.用户注册

  1. <title>表单注册</title>
  2.   </head>
  3.   <body>
  4.     <form action="login.php" method="POST">
  5.       <fieldset style="display: inline-grid; gap: 1em">
  6.         <legend>用户注册</legend>

2.用户名

  1.         <div class="username">
  2.           <label for="uneme">用户名:</label>
  3.           <input
  4.             type="text"
  5.             name="username"
  6.             placeholder="username"
  7.             id="uneme"
  8.             required
  9.             autofocus
  10.           />
  11.         </div>

3.邮箱

  1.         <div class="my-email">
  2.           <label for="my-email">邮 箱:</label>
  3.           <input
  4.             type="email"
  5.             name="my_email"
  6.             id="my-email"
  7.             placeholder="A@email.com"
  8.             required
  9.           />
  10.         </div>

4.密码

  1.         <div class="psw">
  2.           <label for="password">密 码:</label>
  3.           <input
  4.             type="password"
  5.             name="password"
  6.             id="psw"
  7.             placeholder="******"
  8.             required
  9.             onkeydown="this.nextElementSibling.disabled=false"
  10.           />
  11.           <button type="button" disabled onclick="showPsw(this,this,form)">
  12.             显示
  13.           </button>
  14.         </div>
  15.         <button type="submit">注册</button>

5.年龄

  1.         <div class="age">
  2.           <label for="age">年龄:</label>
  3.           <input
  4.             type="number"
  5.             name="age"
  6.             id="age"
  7.             value="20"
  8.             min="18"
  9.             max="70"
  10.             step="1"
  11.           />
  12.         </div>

6.生日

  1.         <div class="birthday">
  2.           <label for="birthday">生日</label>
  3.           <input
  4.             type="date"
  5.             name="birthday"
  6.             id="birthday"
  7.             value="1990-01-01"
  8.             min="1949-10-10-01"
  9.             max="2005-01-01"
  10.           />
  11.           <input type="month" />
  12.           <input type="week" />
  13.           <input type="time" />
  14.           <input type="datetime-local" name="" id="" />
  15.         </div>

7.博客

  2.         <div class="url">
  3.           <label for="blog">博客:</label>
  4.           <input type="url" name="blog" id="url" placeholder="https://php.cn" />
  5.         </div>

8.博客

  1.         <div class="color">
  2.           <label for="color">背景:</label>
  3.           <input
  4.             type="color"
  5.             name="bgcolor"
  6.             id="color"
  7.             value="#ffff00"
  8.             onchange="setBgcolor(this,this.form)"
  9.           />
  10.         </div>

9.搜索

  1.         <div class="search">
  2.           <label for="keywords">搜索:</label>
  3.           <input
  4.             type="search"
  5.             name="keywords"
  6.             id="search"
  7.             placeholder="输入关键字"
  8.           />
  9.         </div>

10.头像

  1.         <div class="upload">
  2.           <label for="upload">头像:</label>
  3.           <input
  4.             type="file"
  5.             name="user_pic"
  6.             id="upload"
  7.             accept="image/jpeg,image/png"
  8.           />
  9.           <button type="button" onclick="fileUploads(this.form)">上传</button>
  10.         </div>

11.性别

  1.         <div class="gender">
  2.           <label for="secret">性别:</label>
  3.           <input type="radio" name="gender" value="male" id="male" /><label
  4.             for="male"
  5.             >男</label
  6.           >
  7.           <input type="radio" name="gender" value="female" id="male" /><label
  8.             for="female"
  9.             >女</label
  10.           >
  11.           <input
  12.             type="radio"
  13.             name="gender"
  14.             value="secret"
  15.             id="secret"
  16.             checked
  17.           /><label for="secret">保密</label>
  18.         </div>

12.爱好

  1.         <div class="hobby">
  2.           <label for="hobby">爱好</label>
  3.           <input
  4.             type="checkbox"
  5.             name="hobby"
  6.             value="game"
  7.             id="game"
  8.             checked
  9.           /><label for="game">游戏</label>
  10.           <input
  11.             type="checkbox"
  12.             name="hobby"
  13.             value="trave"
  14.             id="trave"
  15.             checked
  16.           /><label for="trave">旅游</label>
  17.           <input
  18.             type="checkbox"
  19.             name="hobby"
  20.             value="shoot"
  21.             id="shoot"
  22.             checked
  23.           /><label for="shoot">摄影</label>
  24.           <input
  25.             type="checkbox"
  26.             name="hobby"
  27.             value="program"
  28.             id="program"
  29.             checked
  30.           /><label for="program">编程</label>
  31.         </div>
  33.         <div class="edu">
  34.           <label for="edu">学历:</label>
  35.           <select name="edu" id="esu" form="">
  36.             <option value="" selected disabled>--请选择--</option>
  37.             <option value="0">文盲</option>
  38.             <optgroup label="义务教育">
  39.               <option value="1">小学</option>
  40.               <option value="2">初中</option>
  41.               <option value="3">高中</option>
  42.             </optgroup>
  43.             <optgroup label="高等教育">
  44.               <option value="4">专科</option>
  45.               <option value="5">本科</option>
  46.               <option value="6">硕士</option>
  47.               <option value="7">博士</option>
  48.             </optgroup>
  49.           </select>
  50.         </div>

13.语言

  1.         <div class="like">
  2.           <label for="keyword">语言:</label>
  3.           <input type="search" name="language" list="details" id="keyword" />
  4.           <datalist id="details">
  5.             <option value="html">html</option>
  6.             <option value="css">css</option>
  7.             <option value="js">js</option>
  8.             <option value="php">php</option>
  9.             <option value="vue">vue</option>
  10.             <option value="node">node</option>
  11.           </datalist>
  12.         </div>

14.备注

  1.         <div>
  2.           <label for="comment">备注:</label>
  3.           <textarea
  4.             name="comment"
  5.             id="comment"
  6.             cols="30"
  7.             rows="5"
  8.             maxlength="200"
  9.             style="resize: none"
Correcting teacher：PHPzPHPz

Correction status：unqualified

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