一个HTML实例:写一个简单的注册页面

<!--
暂时还没学CSS,只能是用表格进行页面布局,但是实际开发的时候不要这样写,这个题还是挺不错的,能够检验
前面所学知识是否牢固,但是对于实际开发的时候不可这样使用做这个网页的时候遇到两个问题
1.不会排版,看到老师写的那个是按照表格的标签进行排版,但是我使用的时候出现了毛病然后我也不会修改了
2.在那个生日的时候,不知道特殊情况应该这么搞,就是比如二月份只有28天,但是我进行select的时候都是设置的31天的那后续应该字么弄呢?对于这种特殊情况应该字么搞呀?
3.还有一个就是那个性别,老师是插入了一张图片来完成的,刚刚我仔细的想了一下,我也只是能够使用img标签插入图片,或者是把图片弄成超链接,那对于这个点击图片之后就能够选中单选框的操作应该怎么弄呢?仍然是插入一个图片吗?然后时候label标签吗?但是我试的时候发现不行经过自己的调试之后,基本上跟老师要求的是一致的,上面的排版问题,已经解决了,不过还需要注意一下<td>标签是表示的表格的基本内容<th>标签是表示的表格的首行,或者是说表格需要加粗的一行,这个标签里面的内容会自动特殊处理会加粗然后这道题的排版思路就是,把整个内容分成两列,然后就可以进行排版了,还有需要注意的是,有些内容本身只有一列,然后我们想把这一列的数据放到右面那一列的话,就需要把左列设置为空列直接使用一对<td></td>标签或者是<th></th>标签即可上面老师在性别那里使用的两个图片,可以直接用<img src="地址" />来实现,这个<img>标签的位置需要在<label>标签内TODO: 还有就是在表格里面不需要额外换行!!!!!一定要记住现在仍然存在的问题FIXME: 1: 上面提到的生日的特殊请款还是不知道怎么搞-->
<!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><h3>青春不常在 , 抓紧谈恋爱</h3><table width="500px" cellspacing="0" cellpadding="0"><form action="www.baidu.com" method="POST"><tr><td>性别:</td><td><label> <input type="radio" name="sex" checked="checked" /> <img src="Images/NAN.png" /> 男 </label><!--还有一种表示方法<input type="radio" name="sex" checked="checked" id="gender" /> <label for="gender">  <img src="Images/NAN.png" /> 男 </label>--><label> <input type="radio" name="sex" /> <img src="Images/NV.png" /> 女 </label></td></tr><tr><td>生日:</td><td><select><option selected="selected">-请选择年-</option><option>1990</option><option>1991</option><option>1992</option><option>1993</option><option>1994</option><option>1995</option><option>1996</option><option>1997</option><option>1998</option><option>1999</option><option>2000</option><option>2001</option><option>2002</option></select><select><option selected="selected">-请选择月-</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 selected="selected">-请选择日-</option><!-- TODO: 这边遇到了问题,如果是二月份怎么办?--><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>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><label> <input type="radio" name="marry" /> 已婚 </label><label> <input type="radio" checked="checked" name="marry" /> 未婚 </label><label> <input type="radio" name="marry" /> 离婚 </label></td></tr><tr><td>学历:</td><td><input type="text" value="幼儿园"></td></tr><tr><td>喜欢的类型:</td><td><label> <input type="checkbox" />妩媚的 </label><label> <input type="checkbox" />可爱的 </label><label> <input type="checkbox" />小鲜肉 </label><label> <input type="checkbox" />老腊肉 </label><label> <input type="checkbox" />都喜欢 </label></td></tr><tr><td>自我介绍:</td><td><textarea>
自我介绍</textarea></td></tr><tr><td></td><td><input type="submit" value="免费注册" /> </td></tr><tr><td></td><td> <input type="checkbox" checked="checked" />我同意注册条款和会员加入标准 </td></tr><br /></form><tr><td></td><td> <a href="www.baidu.com"> 我是会员,立刻登录</a> </td></tr><tr><td></td><td><h3>我承诺</h3></td></tr><ul><tr><td></td><td><li>我年满18岁、单身</li></td></tr><tr><td></td><td><li>抱着严肃的态度</li></td></tr><tr><td></td><td><li>真诚寻找另一半</li></td></tr></ul></table>
</body></html>

一个HTML实例:写一个简单的注册页面相关推荐

HTML/CSS写的简单的注册页面
有任何问题加群讨论群号:733899823 加群时请备注CSDN~ 还可以关注我的个人微信公众号,免费领取前端全栈学习资料呦~ 效果如图: 代码如下:(其实CSS代码可以简化很多) <!DOC ...
给定一个数学函数写一个程序来确定该函数是否是双射的
离散题目11 Time Limit: 1000 msMemory Limit: 65536 KiB Problem Description 给定一个数学函数写一个程序来确定该函数是否是双射的 Inpu ...
HTML实现简单的注册页面
HTML是一种标记语言,用于创建网页,这里使用HTML创建了一个简单的注册页面,其中包含表单元素,如文本框.密码框.单选按钮.下拉列表.文件上传和文本域. 先看看效果图: 代码如下: <!DO ...
实现简单QQ注册页面
HTML实现简单QQ注册页面今天突发奇想,仿一个QQ注册页面哈哈!! 效果如图: 按钮功能都还没实现,只是一个简单的网页界面! 实现代码如下 <!DOCTYPE html> <ht ...
第三节：创建一个Vue实例，超简单
最近事多,更新稍慢了点,距离第二节推送快一周了. 我们之前说过,Vue是数据驱动视图的,只要model(模型层)的数据改变了,Vue就会帮我们改变视图上显示的内容,不用我们自己去动手写代码更新.那么, ...
python编写一个软件-python写一个随机点名软件的实例
最近有个随机点名软件的需求,故写了一个,上代码:github地址 # -*- coding: utf-8 -*- # @Time : 18-12-31 下午4:21 # @Author : Felix ...
一个简单的注册页面制作
一个简单的网页–流水哗啦啦购物平台: 点击注册新用户后,出现的注册页面: 当密码少于八位时出现的提示: 当密码格式不正确时出现的提示: 当年龄格式不正确时出现的提示:(年龄有效格式为1-120之间的数 ...
HTML(2) 实现一个简单的注册页面
效果图如下: <!DOCTYPE html> <html><head lang="en"><meta charset="UTF- ...
python写一个服务_写一个Python的windows服务
1. 安装pywin32和pyinstaller pip install pywin32 pip install pyinstaller 2.写一个服务Demo # -*- coding: utf-8 ...

一个HTML实例:写一个简单的注册页面

一个HTML实例:写一个简单的注册页面相关推荐

最新文章

热门文章