当前位置: 首页 > news >正文

前端基础-html-注册界面

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

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

网页最终效果:

 详细代码:

​
<!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>​

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


http://www.mrgr.cn/news/68046.html

相关文章:

  • [Docker#1] 专栏前言 | 亿级高并发架构演进之路
  • 【大数据学习 | kafka高级部分】kafka的数据同步和数据均衡
  • 经典网络模型
  • brainpy 动力学编程基础
  • 最新kubernetes搭建(k8s)(已成功搭建)
  • 【科普】卷积、卷积核、池化、激活函数、全连接分别是什么?有什么用?
  • 【软考】错题总结:1106
  • [CUDA] 判断一个指针是GPU还是CPU
  • 远程控制项目第四天 功能实现
  • Claude Prompt:博弈天平|缘起自李继刚老师的提示词
  • 使用PyQt5设计一个简易计算器
  • 【测试】【Debug】pytest运行后print没有输出
  • CPU Study-Multi-Port Cache
  • golang函数
  • 使用开源Embedding模型嵌入高维空间向量
  • Linux命令--paste
  • 【大模型系列】Grounded-VideoLLM(2024.10)
  • Java学习篇之JVM 调优
  • linux进程的状态之环境变量
  • 【贪心算法】No.1---贪心算法(1)