前端基础-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>

​

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

相关推荐
EricWang13588 分钟前
[OS] 项目三-2-proc.c: exit(int status)
服务器·c语言·前端
September_ning8 分钟前
React.lazy() 懒加载
前端·react.js·前端框架
小码农<^_^>12 分钟前
优选算法精品课--滑动窗口算法(一)
算法
羊小猪~~14 分钟前
神经网络基础--什么是正向传播??什么是方向传播??
人工智能·pytorch·python·深度学习·神经网络·算法·机器学习
web行路人18 分钟前
React中类组件和函数组件的理解和区别
前端·javascript·react.js·前端框架
软工菜鸡40 分钟前
预训练语言模型BERT——PaddleNLP中的预训练模型
大数据·人工智能·深度学习·算法·语言模型·自然语言处理·bert
超雄代码狂40 分钟前
ajax关于axios库的运用小案例
前端·javascript·ajax
南宫生42 分钟前
贪心算法习题其三【力扣】【算法学习day.20】
java·数据结构·学习·算法·leetcode·贪心算法
长弓三石1 小时前
鸿蒙网络编程系列44-仓颉版HttpRequest上传文件示例
前端·网络·华为·harmonyos·鸿蒙
小马哥编程1 小时前
【前端基础】CSS基础
前端·css