前端基础-html-注册界面

(200粉啦,感谢大家的关注~ 一起加油吧~)

浅浅分享下作业,大佬轻喷~

网页最终效果:

详细代码:

html 复制代码
​
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>注册界面</title>
</head>

<body>
  <h4>会员注册</h4>
  <table width="600">
    <!-- 第一行 -->
    <tr>
      <td>姓名:</td>
      <td><input type="text" name="name"></td>
    </tr>
    <!-- 第二行 -->
    <tr>
      <td>性别:</td>
      <td><input type="radio" name="gender" id="male"> 男<label for="male"></label>
        <input type="radio" name="gender" id="female"> 女<label for="female"></label>
      </td>
    </tr>
    <!-- 第三行 -->
    <tr>
      <td>生日:</td>
      <td>
        <select>
          <option>--请选择年份--</option>
          <option>2000</option>
          <option>2001</option>
          <option>2002</option>
          <option>2003</option>
          <option>2004</option>
          <option>2005</option>
          <option>2006</option>
          <option>2007</option>
          <option>2008</option>
          <option>2009</option>
          <option>2010</option>
          <option>2011</option>
          <option>2012</option>
          <option>2013</option>
          <option>2014</option>
          <option>2015</option>
          <option>2016</option>
          <option>2017</option>
          <option>2018</option>
          <option>2019</option>
          <option>2020</option>
          <option>2021</option>
          <option>2022</option>
          <option>2023</option>
          <option>2024</option>
        </select>
        <select>
          <option>--请选择月份--</option>
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
          <option>6</option>
          <option>7</option>
          <option>8</option>
          <option>9</option>
          <option>10</option>
          <option>11</option>
          <option>12</option>
        </select>
        <select>
          <option>--请选择日期--</option>
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
          <option>6</option>
          <option>7</option>
          <option>8</option>
          <option>9</option>
          <option>10</option>
          <option>11</option>
          <option>12</option>
          <option>13</option>
          <option>14</option>
          <option>15</option>
          <option>16</option>
          <option>17</option>
          <option>18</option>
          <option>19</option>
          <option>20</option>
          <option>21</option>
          <option>22</option>
          <option>23</option>
          <option>24</option>
          <option>25</option>
          <option>26</option>
          <option>27</option>
          <option>28</option>
          <option>29</option>
          <option>30</option>
          <option>31</option>
        </select>
      </td>
    </tr>
    <!-- 第四行 -->
    <tr>
      <td>所在地区:</td>
      <td><input type="text" value="重庆"></td>
    </tr>
    <!-- 第五行 -->
    <tr>
      <td>入会情况:</td>
      <td>
        <input type="radio" name="now" cheaked="cheaked">已入会
        <input type="radio" name="now">未入会
      </td>
    </tr>
    <!-- 第六行 -->
    <tr>
      <td>资讯需求:</td>
      <td>
        <input type="checkbox" name="ad"> 食品
        <input type="checkbox" name="ad"> 生鲜
        <input type="checkbox" name="ad"> 日化
        <input type="checkbox" name="ad"> 百货
      </td>
    </tr>
    <!-- 第七行 -->
    <tr>
      <td>联系方式:</td>
      <td><textarea>电话号码</textarea>
        <!-- 第八行 -->
    <tr>
      <td></td>
      <td><input type="submit" value="免费注册"></td>
    </tr>
    <!-- 第九行 -->
    <tr>
      <td></td>
      <td><input type="checkbox" name="agree"> 我已阅读并同意《用户协议》</td>
    </tr>
    <!-- 第十行 -->
    <tr>
      <td></td>
      <td><a href="#">我是会员,立刻登录</a></td>
    </tr>
  </table>
</body>

</html>

​

***新人博主创作不易,希望大家多多点赞关注呀~

相关推荐
一条小锦吕*2 分钟前
基于Spring Boot + 数据可视化 + 协同过滤算法的推荐系统设计与实现(源码+论文+部署全讲解)
spring boot·算法·信息可视化
ZC跨境爬虫1 小时前
跟着 MDN 学JavaScript day_7:数学运算与逻辑判断实战测试
开发语言·前端·javascript·学习·ecmascript
fangdengfu1231 小时前
ES分析系统各个服务日志占用量
java·前端·elasticsearch
如竟没有火炬2 小时前
最大矩阵——单调栈
数据结构·python·线性代数·算法·leetcode·矩阵
8Qi82 小时前
LeetCode 1143 & 718:最长公共子序列 / 最长重复子数组
算法·leetcode·职场和发展·动态规划
JustHappy3 小时前
古法编程秘籍(六):程序到底是怎么跑起来的?从 IO 到中断,一次讲明白
前端·后端·全栈
绿算技术3 小时前
万卡推理集群存储选型分析:从核心架构到应用视角
大数据·科技·算法·架构
HYCS3 小时前
用pixi.js实现fabric.js(六):从线性代数的角度理解编辑器交互
前端·javascript·canvas
卷帘依旧3 小时前
H5新特性
html