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

​

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

相关推荐
Tisfy31 分钟前
LeetCode 3090.每个字符最多出现两次的最长子字符串:二重循环 / 滑动窗口
算法·leetcode·字符串·题解·模拟·双指针·滑动窗口
-dzk-32 分钟前
【技巧】LC 136.只出现一次的数字
算法·异或
Brown.alexis1 小时前
es6知识点5-自备使用
前端·javascript·es6
杨利杰YJlio1 小时前
KB5121003更新详解:安全启动证书、AI组件、资源管理器与安装验证
前端·javascript·后端
紫菜猫一只1 小时前
Vue 3 与 React 常用写法对比
前端
jinggongszh1 小时前
使用AI协同开发产品条码规则功能——从“理解方案、原型、接口文档”到“落地真实前端代码”
前端·人工智能·mes系统·mes工程架构
渔夫正在掘金1 小时前
Cordis 中文教程:渐进式构建插件化应用
前端·node.js·ai编程
专注仿真1 小时前
问答大模型技术方案算法实现-RAPTOR树构建算法与BEG集成使用
python·算法
打呵欠的猫2 小时前
前端团队 3 个月 AI 实践复盘:哪些场景 ROI 最高,哪些是伪需求
前端·ai编程
zlinear数据采集卡2 小时前
数据采集卡从入门到精通(10):采样率与分辨率的核心关系——反比律、架构分布与过采样
arm开发·嵌入式硬件·算法·fpga开发·架构·开源