综合案例二 注册页面

于 2022-12-10 23:30:58 发布
阅读量124 收藏
点赞数
文章标签： 前端 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46739166/article/details/128270698
版权

表格标签、列表标签、表单标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员注册</title>
</head>
<body>
    <h4>LET'S FALL IN LOVE!</h4>

    <!-- 以表格为框架，填充表单和列表标签 -->
    <form action="">
    <table width="800">
        <tr>
            <td>Gender</td>
            <td>
                <input type="radio" name="sex" id="m"><label for="m"><img src="man.jpg" alt=""> Male</label>
                <input type="radio" name="sex" id="f"><label for="f"><img src="women.jpg" alt=""> Female</label>
            </td>
        </tr>

        <tr>
            <td>Date of birth</td>
            <td>
                <select>
                    <option>YEAR</option>
                    <option>YEAR</option>
                    <option>YEAR</option>
                    <option>YEAR</option>
                    <option>YEAR</option>

                </select>

                <select>
                    <option>MON</option>
                    <option>JAN</option>
                    <option>FAB</option>
                    <option>MAR</option>
                    <option>APR</option>
                    <option>MAY</option>
                    <option>JUN</option>
                    <option>JUL</option>
                    <option>AUG</option>
                    <option>SEP</option>
                    <option>OCT</option>
                    <option>NOV</option>
                    <option>DEC</option>
                </select>

                <select>
                    <option>DAY</option>
                    <option>DAY</option>
                    <option>DAY</option>
                </select>
            </td>
        </tr>

        <tr>
            <td>Region</td>
            <td><input type="text" value="country and region"></td>
        </tr>

        <tr>
            <td>Marital status</td>
            <td>
                <input type="radio" id="ed" name="MS"><label for="ed">Married</label>
                <input type="radio" id="un" name="MS"><label for="un">Unmarried</label>
                <input type="radio" id="d" name="MS"><label for="d">Divorced</label>
            </td>
        </tr>

        <tr>
            <td>Education background</td>
            <td>
                <input type="text" value="collage">
            </td>
        </tr>

        <tr>
            <td>Interested type</td>
            <td>
                <input type="checkbox" id="straight"><label for="straight">straight</label>
                <input type="checkbox" id="homo"><label for="homo">homosexual</label>
                <input type="checkbox" id="young"><label for="young">younger</label>
                <input type="checkbox" id="old"><label for="old">mature</label>
                <input type="checkbox" id="same"><label for="same">peer</label>
            </td>
        </tr>

        <tr>
            <td>Self intruduction</td>
            <td>
                <textarea cols="30" rows="5">Introduce yourself</textarea>
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
                <input type="submit" value="That's all. Submit!">
                <input type="reset" value="reset the form">
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked">I agree with all the policies and rules of being involved in the club as a member.
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
                <a href="#">login as a member now!</a>
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
                <h3>I promise</h3>
                <ul>
                    <li>I am singel and am an adault;</li>
                    <li>I am serious about the relationship;</li>
                    <li>I am looking for a partner sincerely.</li>
                </ul>
            </td>
        </tr>
    </table>

</form>
</body>
</html>

yonghuminyicunzai
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
用户注册页面的设计与实现
YQEMMMM的博客
10-21 2万+
用户注册页面的设计与实现 功能介绍： 1.使用HTML5表单技术实现用户注册页面，要求用户可以输入用户名、密码、真实姓名和电子邮箱等信息进行注册。 2.验证要求：每个输入栏目的文本框均需要显示提示信息。用户在点击按钮提交注册信息时可以验证所有栏目均为必填项以及电子邮箱的有效性。 实现效果图： 一、界面设计 1.使用<div>划分区域 2.使用CSS外部样式表定义样式 1）reg.css 2）关键属性：box-shadow: 10px 10px 15px black; 二、表单设计 1.使用&l
html简单编写一个注册界面
WSY444的博客
12-03 2580
HTML注册
用户注册页面的设计与实现（html+css）
ZYCRY的博客
11-03 2万+
用户注册页面的设计与实现（html+css） 文章目录用户注册页面的设计与实现（html+css）1.目的2.内容3.步骤4.代码实现5.页面展示6.最后 1.目的 熟悉HTML+CSS 及表单知识的应用 2.内容 使用 HTML5 表单技术实现用户注册页面，要求用户可以输入用户名、密码、真实姓名和电子邮箱等信息进行注册。 具体功能如下： 界面设计 表单设计 使用 input 标签的 email 类型实现电子邮箱验证 使用 input 标签的 autocomplete 属性实现内容自动记
PHP实现简单的注册页面(正则表达式练习)
黛琳ghz的博客，期待你的关注。
04-08 4531
1. 首先做出简单的注册页面的模板，包括用户名、密码、手机号码、邮箱 2.其中用户名、密码、手机号码、邮箱通过正则表达式实现数据匹配 用户名不能为空，用户名不超过10个字符（字母、数字) 密码不能为空，密码只能为4~14个数字 手机号码不能为空，手机号码必须为11位，且第1位为1 邮箱不能为空，邮箱地址无效 3.当输入的数据匹配正确时，跳转到另一个页面，(显示输入的数据)
制作注册页面（HTML）
wujianrenn的博客
10-23 9715
本项目考察的是对于表格、列表（无序）、表单标签的综合运用，首先我们要写把这个整体看做是一个大表格，每行两列，分很多行我们的所有步骤都是基于一个表格每行两列的情况下，开始的所以我们可以先写出整个大框架，一个大表格，之后再往里面细填东西。
综合案例CSS注册页面.html
01-12
综合案例CSS注册页面.html
综合案例WebShop电子商城系统的分析与设计ppt课件.ppt
11-13
页面结构图是指系统的整体结构设计，前台主页面是指系统的入口页面，会员注册是指用户注册页面，会员中心是指用户个人中心页面，查看/购买商品是指商品浏览和购买页面，生成订单是指订单生成页面，商品管理是指商品...
综合案例笔记_docx3
08-04
《黑马旅游网》综合案例是针对Web基础知识的实践性学习项目，旨在提升学生的综合运用能力。本案例涵盖了从项目导入到各个技术层面的实现，包括Web层、Service层和Dao层，同时也涉及到数据库管理和用户注册功能。 1....
综合案例笔记_docx2
08-04
【综合案例笔记_docx2】是一个关于Web开发的实践教程，旨在通过《黑马旅游网》的案例来巩固和提升学员的Web基础知识和综合应用技能。本案例要求学员能独立完成，涉及的技术栈主要包括Java和相关的Web框架及工具。 ...
JSP综合案例：图书管理系统
08-19
**JSP（JavaServer Pages）综合案例：图书管理系统** 在这个基于JSP的图书管理系统中，我们探讨了如何利用JavaWeb技术栈，包括JSP、Servlet和CRUD操作，来实现一个功能完善的线上图书管理平台。以下是对每个知识点...
html—登录及注册页面设计
anliao6401的博客
10-18 3万+
一、文字处理 1、文字加粗：<strong><\strong> 2、文字换行：<br/> 3、文档标题：title 4、整体文字居中<body align="center"> 5、整体字体颜色：<body style="color:white"> 6、段落：<p> 7、标题：<h1>~&lt...
HTML网页设计基础——用户注册界面
m0_64365419的博客
11-05 9763
定义表格---->将网页中的表单元素根据上图所示放入不同的行和列中。代码如下： 该实例包含的行和单元格的个数比较多，在书写代码的时候注意不要漏写，可以使用空格隔开，以便于检查。表格后几行的第一个单元格是没有内容的，虽然没有内容，但是还是需要定义空格单元格，这样才能保证和要求的表格一致。
HTML 简单实现注册页界面
qq_48516121的博客
10-11 1658
HTML 简单实现注册页界面
模拟笔试1
o_o_gl的博客
05-08 304
1.什么B/S技术？B/S技术和C/S技术的区别B/S架构是Brower/Server数据 利用了不断成熟的WEB浏览器技术，实现强大功能节约开发成本。浏览器通过Web Server 同数据库进行数据交互。 CS是长连接，客户端和服务端双向通信；BS是无状态短连接，是「查询」式的通讯。只有客户端向服务器查询时，服务器才能向客户端发送信息，服务器不能主动地向客户端发送信息。当然也可以通过websoc...
用HTML制作一个注册界面
qq_43614355的博客
04-01 2万+
1.制作如下图的注册界面要求如下： 体大小均为14px，灰色文字#999，验证码灰色背景#eee，注册按钮为红色背景#e3393c，注册按钮圆角6px 思路分析，根据图片的信息，本题的格式可以看做是一个3X5的表格形式，因此可以用表格的形式进行解答；另外还可以用页面流里的float现将第一行信息转换出来，然后在利用clear让元素主动向下移动，从而达到换行的目的（需要在div标签中选择合适的选择...
html网页制作—登录及注册页面设计
热门推荐
菇凉小伙de博客
04-11 5万+
一、文字处理 1、文字加粗：<strong><\strong> 2、文字换行：<br/> 3、文档标题：title 4、整体文字居中<body align="center"> 5、整体字体颜色：<body style="color:white"> 6、段落：<p> 7、标题：<h1>~<h6&g...
完整创建 注册功能步骤
Healer_小振的博客
10-15 491
一. 创建maven工程 选择通过maven-archetype-webapp骨架创建工程 二.给工程添加java和resources文件夹 三.配置Tomcat 点击绿色扳手旁边Add Config.... 点击灯泡 删除 application Context 四.在工程设置页面中的facets里面打钩 ,在工程设置页面的models->dependencies添加Tomcat相关jar包 1.Ctrl + Alt + Shift + S ...
html+css+js用户注册页面简
PD137的博客
10-23 1万+
  1）开发一个用户注册界面，要求： 年龄需用 JavaScript 检查格式是否正确。 Reg.html &lt;!DOCTYPE html&gt; &lt;html&gt;   &lt;head&gt;   &lt;style type="text/css"&gt;@import url(Reg.css);&lt;/style&gt;   &lt;script languag..
HTML5~用户注册页面的设计与实现
weixin_45626404的博客
12-03 2万+
用户注册页面的设计与实现 需要制作的效果图如下 大概思路：我们先设置底色灰色，然后写出表单，再利用CSS给表单进行设置。 1、设置底色（css 行内式） <style> body{background:#cccccc;} </style> 2、制作表单 <div id="container"> <h1>用户注册页面</h1> <hr/> <!---表单--> <form
MySQL综合项目案例
最新发布
06-24
一个综合的MySQL项目案例通常会涉及数据库设计、数据建模、SQL查询优化、事务处理以及安全性等多个方面。以下是一个简化的MySQL综合项目案例概述： **项目名称：在线电商平台数据库** 1. **需求分析**：为一个电商...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值