注册页面（HTML）

最新推荐文章于 2024-06-14 07:44:22 发布
最新推荐文章于 2024-06-14 07:44:22 发布
阅读量31 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_77098848/article/details/129639255
版权

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

    <table border="1" align="center">

        <caption>智联注册页面</caption> <!--captain 标题-->

        <tbody>

            <tr>

                <td width="100px">性别</td>

                <td width="400px"><input type="radio" name="gender"><img src="https://p.ananas.chaoxing.com/star3/origin/ce67a4473415f8f9da78428985ee65ca">男

                    <input type="radio" name="gender"><img src="https://p.ananas.chaoxing.com/star3/origin/b6427e79bd94d172e2a5d3f0fe4fe26c">女</td>

            </tr>

            <tr>

                <td>生日</td>

                <td>

                    <select name="" id="">   <!--select 下拉列表-->

                        <option value="">--请选择年--</option>

                        <option value="">1984</option>

                        <option value="">1985</option>

                        <option value="">1986</option>

                        <option value="">1987</option>

                        <option value="">1988</option>

                        <option value="">1989</option>

                        <option value="">1990</option>

                        <option value="">1991</option>

                        <option value="">1992</option>

                        <option value="">1993</option>

                        <option value="">1994</option>

                        <option value="">1995</option>

                        <option value="">1996</option>

                        <option value="">1997</option>

                        <option value="">1998</option>

                        <option value="">1999</option>

                        <option value="">2000</option>

                        <option value="">2001</option>

                        <option value="">2002</option>

                        <option value="">2003</option>

                        <option value="">2004</option>

                        <option value="">2005</option>

                        <option value="">2006</option>

                        <option value="">2007</option>

                    </select>

                    &nbsp;   <!--&nbsp; 空格-->

                    <select name="" id="">

                        <option value="">--请选择月--</option>

                        <option value="">1</option>

                        <option value="">2</option>

                        <option value="">3</option>

                        <option value="">4</option>

                        <option value="">5</option>

                        <option value="">6</option>

                        <option value="">7</option>

                        <option value="">8</option>

                        <option value="">9</option>

                        <option value="">10</option>

                        <option value="">11</option>

                        <option value="">12</option>

                    </select>

                    &nbsp;

                    <select name="" id="">

                        <option value="">--请选择日--</option>

                        <option value="">1</option>

                        <option value="">2</option>

                        <option value="">3</option>

                        <option value="">4</option>

                        <option value="">5</option>

                        <option value="">6</option>

                        <option value="">7</option>

                        <option value="">8</option>

                        <option value="">9</option>

                        <option value="">10</option>

                        <option value="">11</option>

                        <option value="">12</option>

                        <option value="">13</option>

                        <option value="">14</option>

                        <option value="">15</option>

                        <option value="">16</option>

                        <option value="">17</option>

                        <option value="">18</option>

                        <option value="">19</option>

                        <option value="">20</option>

                        <option value="">21</option>

                        <option value="">22</option>

                        <option value="">23</option>

                        <option value="">24</option>

                        <option value="">25</option>

                        <option value="">26</option>

                        <option value="">27</option>

                        <option value="">28</option>

                        <option value="">29</option>

                        <option value="">30</option>

                        <option value="">31</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>所在地区</td>

                <td>

                    <input type="text"> <!--text 文本框-->

                </td>

            </tr>

            <tr>

                <td>婚姻状况</td>

                <td>

                    <input type="radio" name="marry">未婚 <!--radio 单选框-->

                    &nbsp;

                    <input type="radio" name="marry">已婚

                </td>

            </tr>

            <tr>

                <td>学历</td>

                <td>

                    <input type="text">

                </td>

            </tr>

            <tr>

                <td>期待月薪</td>

                <td>

                    <input type="text">

                </td>

            </tr>

            <tr>

                <td>手机号码</td>

                <td>

                    <input type="text">

                </td>

            </tr>

            <tr>

                <td>昵称</td>

                <td>

                    <input type="text">

                </td>

            </tr>

            <tr>

                <td>应聘岗位意向</td>

                <td>

                    <input type="checkbox" name="yixiang">前端开发 <!--checkbox 多选框-->

                    <input type="checkbox" name="yixiang">后端开发

                    <input type="checkbox" name="yixiang">产品经理

                    <input type="checkbox" name="yixiang">运维

                    <input type="checkbox" name="yixiang">销售

                </td>

            </tr>

            <tr>

                <td height="60">自我介绍</td>

                <td><textarea name="自我介绍" id="" cols="30" rows="5"></textarea></td>

<!--textarea 文本区域-->

            </tr>

            <tr>

                <td></td>

                <td><img  src="https://p.ananas.chaoxing.com/star3/origin/86227df00a3ebdb46990ba71edb2c29c" alt="" width="100px" height="30"></td>  <!--img 插入图片--> <!--src=" " 双引号中是图片的URL-->

            </tr>

            <tr>

                <td></td>

                <td><input type="checkbox">我同意注册条款和会员加入标准</td>

            </tr>

            <tr>

                <td></td>

                <td><a href="">我是会员，立即登录</a> <!--a 超链接-->

<!--href=" " 双引号中放链接地址-->

                <br><a href="">前往修改页面</a></td>

            </tr>

            <tr>

                <td></td>

                <td>

                    <h3>我承诺</h3> <!--h3 三级标题-->

                    <ul>   <!--无序列表-->

                        <li>遵循网站协议</li>

                        <li>本人信息真实有效</li>

                        <li>真诚寻找工作</li>

                    </ul>

                </td>

            </tr>

        </tbody>

    </table>

</body>

</html>

效果图：

 

小白1914sn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
一个简单的登录注册页面html代码
weixin_55743273的博客
10-20 5万+
文章目录前言一、效果展示1.登录2.注册二、代码部分1.登录2.注册总结 前言 这一个简单的注册页面代码，适合初学者进行模仿和理解，这个代码仅限于两个页面的跳转，不包括数据处理 一、效果展示 1.登录 2.注册 二、代码部分 1.登录 代码如下（示例）： <style> * { padding: 0; margin: 0; box-sizing: border-box; } ..
注册页面（纯HTML）
香山不负卿的博客
02-04 737
HTML注册页面实现展示区 实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注册页面</title> </head> <body> <center> <form action="#" m...
HTML实现页面注册
热门推荐
qq_42978535的博客
02-01 4万+
网页版，注册页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> <!-- 引入格式文件--> <link rel="stylesheet" href="html&css.css"> </head> <body> <sty
html编写注册页面
Brienz
04-09 3531
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> </head> <body> <form action="#" method="get"> <table border="2" width="500" align="center"&gt...
HTML注册页面
weixin_46705393的博客
06-10 2290
效果： 代码
html实现注册页面html实现注册页面
12-07
注册页面html代码
登录注册页面html
06-15
基于html css jq的登录注册页面，含validate手机号码验证,简单易懂，仅供学习使用，路啦啦啦啦啦啦啦
背景透明个性注册页面html模板下载
04-02
背景透明个性注册页面html模板下载
红色风格网站登录注册页面html模板
04-01
用基本的html和css编写网站的模板。有部分模块可以直接使用，适合新手作为基础项目来练习。整体布局完整，代码合理
大气网站注册页面html模板源码
12-04
大气网站注册页面html模板源码
HTML静态网页成品作业(HTML+CSS)—— 环保主题介绍网页(5个页面)
weixin_42283461的博客
06-10 1185
HTML静态网页成品作业(HTML+CSS)—— 环保主题介绍网页(5个页面)
HTML初体验
最新发布
linux423的博客
06-14 437
可参考jd.com官网，ctrl+u查看当前页面源代码找到你的项目，在项目中创建html类型的网页文件标准的HTML正确书写格式效果如下。
html实现粘贴excel数据，在页面表格中复制
weixin_43805439的博客
06-13 453
Html table 实现Excel多格粘贴
HTML跨年烟花
兔子王
06-04 1万+
学会了这个html烟花秀，跨年就不缺文案喽~
HTML标签 label for 还是 htmlFor
wuyujin1997的博客
06-09 499
HTML标签： label 的属性。注意：为了更程序化地设置。
HTML 中使用 JavaScript 的具体方式
weixin_44814196的博客
06-10 998
介绍在 HTML 文档里面使用 JavaScript 的常见方式
HTML 颜色名
xyq2024的博客
06-12 571
HTML 颜色名是一组预定义的颜色，可以在 HTML 和 CSS 中使用。这些颜色名易于记忆，方便开发者快速选择和使用。本文将详细介绍 HTML 颜色名，包括它们的用途、优点以及如何在网页设计中使用它们。
前段。html
lllzhou的博客
06-12 609
查看</a><a th:href="@{/user/create}">新增</a><a th:href="@{/}">返回</a><a th:href="@{/}">返回操作编辑用户
HTML 区块
xyq2024的博客
06-11 474
HTML（超文本标记语言）是构建网页的标准语言，它定义了网页的结构和内容。在HTML中，区块元素是用来组织页面内容的重要工具。这些元素通常用于创建如段落、列表、头部、底部、导航栏等较大的内容块。本文将详细介绍HTML中的区块元素，包括它们的用途、属性以及如何在网页设计中有效地使用它们。
注册页面html
05-30
以下是一个简单的注册页面的 HTML 示例： ```html <!DOCTYPE html> <html> <head> <title>注册页面</title> </head> <body> <h1>注册</h1> <form action="register.php" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username" required><br> <label for="password">密码:</label> <input type="password" id="password" name="password" required><br> <label for="email">邮箱:</label> <input type="email" id="email" name="email" required><br> <input type="submit" value="注册"> </form> </body> </html> ``` 在这个示例中，我们使用了`<form>`元素来创建一个表单，其中`action`属性指定了表单提交的目标 URL，`method`属性指定了提交方式为 POST。表单中包含了三个必填字段：用户名、密码和邮箱。每个字段都使用了`<label>`元素和`<input>`元素来创建标签和输入框。最后，我们使用了一个提交按钮来触发表单提交。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值