html5 案例练习（注册页面）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>世纪佳缘</title>
</head>
<body><table width="600" align="center" ><caption><h4>青春不常在，抓紧谈恋爱</h4></caption><!-- 1 --><tr><td>性别</td><td><input type="radio" name="sex"/><img src="../images/man.png">男<input type="radio" name="sex"/><img src="../images/woman.png">女</td></tr><!-- 2 --><tr><td>生日</td><td><!-- 年份的 --><select><option>--请选择年--</option><option>1995</option><option>1996</option><option>1997</option><option>1998</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></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></select></td></tr><!-- 3 --><tr><td>所在地区</td><td><input type="text" value="北京思密达"/></td></tr><!-- 4 --><tr><td>婚姻状况</td><td><input type="radio" name="marry" checked="checked"/> 未婚<input type="radio" name="marry"/> 已婚<input type="radio" name="marry"/> 离婚</td></tr><!-- 5 --><tr><td>学历</td><td><input type="text" value="幼儿园"/></td></tr><!-- 6 --><tr><td>月薪</td><td><input type="text" value="10000-20000"/></td></tr><!-- 7 --><tr><td>手机号</td><td><input type="text" value="13600365536"/></td></tr><!-- 8 --><tr><td>昵称</td><td><input type="text" value="幼儿园老大"/></td></tr><!-- 9 --><tr><td>喜欢的类型</td><td><input type="checkbox" name="love"/>妩媚的<input type="checkbox" name="love"/>可爱的<input type="checkbox" name="love"/>小鲜肉<input type="checkbox" name="love"/>老腊肉<input type="checkbox" name="love"/>都喜欢 </td></tr><!-- 10 --><tr><td>自我介绍</td><td><textarea>自我介绍</textarea></td></tr><!-- 11 --><tr><td></td><td><input type="button" value="免费注册" style="background-color: crimson;color: #ffffff;border-color: #ffffff;"/></td></tr><!-- 12 --><tr><td></td><td><input type="checkbox" name="agree" checked="checked"/>我同意注册条款和会员加入标准</td></td></tr><!-- 13 --><tr><td></td><td><a href="#">我是会员，立即登录</a></td></tr><!-- 14 --><tr><td></td><td><h3>我承诺</h3><ul><li>年满18岁、单身</li><li>抱着严肃的态度</li><li>真诚寻找另一半</li></ul></td></tr></table><table></table>
</body>
</html>

html5 案例练习（注册页面）相关推荐

HTML 表格标签、列表标签、表单标签（案例：注册页面）
1. 表格标签表格是实际开发中非常常用的标签: 1. 表格的主要作用 2. 表格的基本语法 1.1 表格的主要作用表格主要用于显示.展示数据,因为它可以让数据显示的非常的规整,可读性非常好.特别是 ...
css案例，注册页面_基础案例
注册页面案例(css) <!DOCTYPE html> <html lang="ch"> <head><meta charset=&quo ...
【前端】html综合案例：圣诞节的那些事、小说排行榜案例、注册页面
文章目录综合案例1:圣诞节的那些事目标代码综合案例2:小说排行榜案例目标代码综合案例3:注册页面目标代码综合案例1:圣诞节的那些事视频p30-31 目标代码 <!DOCT ...
html5好看的注册页面设计,Material Design风格用户注册登录界面设计
这是一款Material Design风格用户注册登录界面设计效果.该设计由用户登录,用户注册和忘记密码三个界面组成.设计中的所有元素都以Material Design为基础,整体效果时尚大方. 使用 ...
h5 php登录注册页面验证,H5制作一个注册页面的代码实例
HTML5写的注册页面,正在学习html5的朋友可以参考下代码如下: register.html function play(){ document .getElementById("me ...
html笔记2（表格、表单以及注册页面）
html笔记 1.表格标签(table) 表格属性表格结构标签合并单元格表格总结 2.列表标签无序列表(ul) 有序列表(ol) 自定义列表(dl) 3.表单(form标签以下三个标签也可以 ...
前端学习笔记（注册页面综合案例html5）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
HTML5构建“2020中国互联网大会”会议注册页面
HTML5页面制作页面制作实现代码实现界面细节处分析页面制作 1．整个页面采用article标记构架.使用header.footer.hgroup.figure.figcaption.for ...
HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
安卓案例：注册用户免启动时的广告页面
安卓案例:注册用户免启动时的广告页面非注册用户启动安卓应用时,会首先弹出一个广告页面,停留一分钟,然后关闭进入主界面.注册用户就可以免掉广告页面的骚扰.下面我们通过简单的案例来说明如何实现这样一个效 ...

html5 案例练习（注册页面）

html5 案例练习（注册页面）相关推荐

最新文章

热门文章