前端学习笔记（注册页面综合案例html5）

最新推荐文章于 2023-02-21 21:54:18 发布
最新推荐文章于 2023-02-21 21:54:18 发布
阅读量218 收藏 1
点赞数 1
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangfei199507/article/details/104478525
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>世纪佳缘-你在我也在</title>
</head>
<body>
<table width="600" align="center">
  <caption>
    <h1>青春不常在，抓紧谈恋爱。</h1>
  </caption>
  <!--第1行-->
  <tr>
    <td>性别</td>
    <td>
      <input type="radio" name="sex"> <img src="man.jpg" width="15" height="15"> 男性
      <input type="radio" name="sex"> <img src="woman.jpg" width="15" height="15"> 女性
    </td>
  </tr>
  <!--第2行-->
  <tr>
    <td>生日</td>
    <td>
      <select>
        <option>--请选择年--</option>
        <option>--1995--</option>
        <option>--1996--</option>
        <option>--1997--</option>
      </select>
      <select>
        <option>--请选择月--</option>
        <option>--1--</option>
        <option>--2--</option>
        <option>--3--</option>
      </select>
      <select>
        <option>--请选择日--</option>
        <option>--4--</option>
        <option>--5--</option>
        <option>--6--</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">已婚
      <input type="radio" name="marry">未婚
      <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="5000-10000">
    </td>
  </tr>
  <!--第7行-->
  <tr>
    <td>手机号</td>
    <td>
      <input type="text" value="451455151">
    </td>
  </tr>
  <!--第8行-->
  <tr>
    <td>昵称</td>
    <td>
      <input type="text" value="454545">
    </td>
  </tr>
  <!--第9行-->
  <tr>
    <td>喜欢的类型</td>
    <td>
      <input type="checkbox" name="type" value="checked">妩媚
      <input type="checkbox" name="type" value="checked">柔美
      <input type="checkbox" name="type" value="checked">可爱
      <input type="checkbox" name="type" value="checked">小鲜肉
      <input type="checkbox" name="type" value="checked">型男
      <input type="checkbox" name="type" value="checked">气质
    </td>
  </tr>
  <!--第10行-->
  <tr>
    <td>自我介绍</td>
    <td>
      <textarea cols="60" rows="15"></textarea>
    </td>
  </tr>
  <!--第11行-->
  <tr>
    <td></td>
    <td>
      <input type="image" src="zhuce.jpg" width="200" height="150">
    </td>
  </tr>
  <tr>
    <td></td>
    <td>
      <input type="checkbox" value="agree" checked="checked">我同意注册条款和会员加入标准
    </td>
  </tr>
  <tr>
    <td></td>
    <td>
      <a href="会员登录.html">我是会员，立即登录。</a>
    </td>
  </tr>
  <tr>
    <td></td>
    <td>
      <h3>我承诺</h3>
      <ul>
        <li>年满18岁、单身</li>
        <li>抱着严肃的态度</li>
        <li>真诚寻找另一半</li>
      </ul>
    </td>
  </tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>会员登录</title>
</head>
<body>

<table width="400" align="center">
  <caption>
    <h1>会员登录</h1>
  </caption>
  <!--第1行-->
<tr>
  <td>登录账号</td>
  <td>
    <input type="text" name="account" value="邮箱/ID/手机号">
  </td>
</tr>
  <!--第2行-->
  <tr>
    <td>密码</td>
    <td>
      <input type="text" name="password" value="密码">
    </td>
  </tr>
  <!--第3行-->
  <tr>
    <td></td>
    <td>
      <input type="checkbox" name="agree" checked="checked">两周内自动登录
    </td>
  </tr>
  <!--第4行-->
  <tr>
    <td></td>
    <td>
      <input type="submit" name="login" value="登录">
      <a href="">忘记密码</a>
    </td>
  </tr>
  <!--第5行-->
  <tr>
    <td></td>
    <td>
      <a href="">
        <img src="qq.jpg" width="15" height="15">
      </a>QQ账号
    </td>
  </tr>
  <tr>
    <td></td>
    <td>
      <a href="注册页面综合案例.html">还不是会员？立即注册</a>
    </td>
  </tr>
</table>
</body>
</html>
zhangfei199507
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【20220926】html综合案例世纪佳缘
weixin_44931575的博客
09-26 326
【代码】【20220926】html综合案例世纪佳缘
综合案例-页面注册
m0_55879104的博客
04-25 181
<title>世纪佳缘-你在我也在</title> <style> tr { height: 30px; } </style> </head> <body> <!-- cellspacing：设置单元格与单元格边框之间的空白间隙 cellpadding：设置单元格内容与单元格边框之间的空白间隙 --> <ta.
2270与班尼特·胡迪一起玩世纪佳缘3题解
weixin_45739903的博客
07-08 727
这题很简单，注意好兑换奖品的优先次序即可，即：先兑换1000的“纵江湖”称号，再兑换1000的“侠万里”称号，再兑换600的“遗失的美好”，最后兑换200的“海誓山盟“。 以下为ac代码： #include<stdio.h> int main() { int T,sum, num, t, i; scanf("%d",&T); while (T--) { sum = 0; //注意归零 for (int i = 1; i <= 7; ++i) ...
世纪佳缘 用户名 显示隐藏内容
weixin_63126044的博客
08-21 464
js练习 世纪佳缘 用户名 显示隐藏内容
前端之登录注册页面案例
热门推荐
KK_2018的技术博客_程序员不止是程序员
05-08 3万+
一、效果图 （1）登录界面 （2）注册界面 二、详细设计 （1）登录界面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录界面</title> <style> ...
Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip
05-09
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
html+css前端学习笔记.zip
01-01
html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习...
HTML5个人学习笔记
05-27
主要包含各个标签（段落、换行、图像），链接，注释，表格，列表，视频，音频等 适用于初学者，有什么不懂的可以私聊
javaweb 前端 html学习笔记
04-26
javaweb 前端 html学习笔记
前端学习笔记, html, css, js.zip
最新发布
01-05
前端学习笔记, html, css, js前端学习笔记, html, css, js前端学习笔记, html, css, js 前端学习笔记, html, css, js前端学习笔记, html, css, js前端学习笔记, html, css, js 前端学习笔记, html, css, js前端学习...
html5,js所编写的一个精美的登陆以及注册界面
10-09
web前端,模仿阿里云注册界面,编写，登陆界面以及注册界面都有相应的注释很容易照着修改！
html注册页面代码
07-31
html实例，一个简单的注册页面，，，，，，，，，，，，，，，，，，
html(五)注册页面案例
wzj_110的博客
02-21 178
html5注册小案例
Html5用户注册页面
zym0218的博客
07-18 2351
要想制作一个美观的用户注册页面，可不简单，下面来看看小编制作的用户注册页面，希望对大家有所帮助。
HTML5设计注册/登录界面
m0_62101200的博客
06-25 2万+
因为我们注册或者登录时是需要提交信息给后台的，所以需要用到表单form标签 span标签是一个基本的文本标签 如果需要登录是要点登录进行页面跳转的，所以我们需要使用a标签进行网址跳转 input标签也就是需要用户进行自行输入信息，并且可以通过type属性进行指定输入文本框的类型，比如我们输入密码时需要进行屏蔽，因而可以设置password属性，在输入密码期间可以不显示具体文本，达到隐私隐藏效果 设置按钮需要用到button标签，其实也可以用input标签，然后设置属性为button，也可以达到同样的
html游戏注册网页代码,HTML5注册页面示例代码
weixin_39627455的博客
05-30 774
复制代码代码如下:register.htmlfunction play(){document.getElementById("menu_item").style.display = "";}function noplay(){document.getElementById("menu_item").style.display = "none";}function passwd(){var pass...
Javascript学习：综合案例1--注册页面，提交、重置（表单验证）
一只程序媛
06-11 2116
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; table{ margin:
完成登录与注册页面的前端
weixin_30659829的博客
11-01 127
完成登录与注册页面的HTML+CSS+JS，其中的输入项检查包括： 用户名6-12位 首字母不能是数字 只能包含字母和数字 密码6-12位 注册页两次密码是否一致 登录的代码 js23.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-...
前端学习笔记 javascript
08-31
对于前端学习笔记，我可以给你一些常见的主题和要点，帮助你开始学习前端开发。 1. HTML基础： - 了解HTML的基本结构和标签 - 学习如何创建和组织网页内容 - 掌握常用的HTML标签，如标题、段落、链接、图像等 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值