html,登陆页面

已于 2022-02-06 12:08:13 修改
阅读量83 收藏 1
点赞数 1
文章标签： html
于 2021-08-08 20:56:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Titijiang233/article/details/119520646
版权 
<!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>Document</title>
</head>
<body>
    <form action="">
    <h4>好好生活，慢慢相遇</h4>
    <table width="600">
        <tr>
            <td>性别</td><td><input type="radio" value="nan" id="nan" name="sex"><label for="nan"><img src="images/男.png" alt="" width="25" height="25"> 男</label>
                <input type="radio" value="nv" id="nv" name="sex"><label for="nv"><img src="images/女.png" alt="" width="25" height="25"> 女</label></td>
        </tr>
        <tr>
            <td>
                生日
            </td>
            <td>
                <select name="" id="">
                    <option value="——请选择年——">——请选择年——</option>
                    <option value="——请选择年——">1983</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>
                </select>
                <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>
                <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">
            </td>
        </tr>
        <tr>
            <td>婚姻状况</td>
            <td><input type="radio" id="marriage" name="1"><label for="marriage">未婚</label> <input type="radio" id="marriage1" name="1"><label for="marriage1">离异</label></td>
        </tr>
        <tr>
            <td>学历</td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>喜欢的类型</td>
            <td>
                <input type="checkbox" id="character" name="2"><label for="character">阳光</label> <input type="checkbox" id="character1" name="2"><label for="character1">可爱</label>
                <input type="checkbox" id="character2" name="2"><label for="character2">积极</label> <input type="checkbox" id="character" name="2"><label for="character">向上</label>
            </td>
        </tr>
        <tr>
            <td>
                <label for="jieshao">自我介绍</label>
            </td>
            <td>
                <textarea name="" id="jieshao" cols="30" rows="10"></textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="免费注册"></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="checkbox" id="character3" name="2"><label for="character3">我同意注册条款和会员加入标准</label>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><a href="https://www.csdn.net/" target="_blank">我是会员，立即登录</a></td>
        </tr>
        <tr>
            <td></td>
            <td><h4>我承诺</h4>
                <ul><li>年满18、单身</li>
                    <li>态度真诚</li>
                </ul>
            </td>
        </tr>

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

Titijiang233
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
html登录界面
qq_43373368的博客
11-14 7098
今天是2019年11月14日我第一次注册博客，我把我做的一个登陆界面分享给大家看希望各位大佬指教。 首先是html文件。 1.登录界面html 登录界面 用户名:     密 码: ...
HTML案例登录页面
weixin_67464822的博客
06-14 7735
本人是菜鸟，刚入前端坑 想记录一下自己写过的页面，也希望能帮到跟我一样的你，加油鸭~~~简单的登录页面
简单的登录界面（html）
Delphi_7710的博客
07-09 4922
开头先展示成果： 制作该页面代码不多，十分简单，运用了些许CSS，但大部分都是html。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="short icon" href="photo/titlepicture(banshou).jpeg" > <title>HTML登录界面</t
html简单的登录界面制作
guoxuying的博客
08-07 6535
html简单的登录界面制作 话不多说，老铁们直接拿代码去用吧。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录界面</title> <style> #bg{ width:30%; height:25%; top:30%; left:60%; position:fixed; backgro
登陆框+html,一个简易的登陆框html(table)+css
weixin_39553458的博客
06-22 220
登陆框 *{margin:0;padding:0;} .login{ width:334px; height:220px; margin:0 auto; position:absolute; left:40%; top:40%; } .login_title{ color: #000000; font: bold 14px/37px Arial,Helvetic...
仲享登录界面html 采用table实现布局
不破小子
10-27 2138
欢迎来到仲享DIY 用户登录：用户注册 密    码：找回密码           &nb
HTML如何实现简单登录页面
热门推荐
qq_45750154的博客
06-29 1万+
本篇文章给大家介绍HTML实现简单登录页面的方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 这是一个简单的静态的html页面登录图片，之前写的，验证码方面没有搞懂，这里我重新参考了这里，但是部分功能还没有完善。仅供参考 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>静态页面登录测试</title> ...
html登陆页面
10-07
在这个“html登陆页面”项目中，Bootstrap被用来创建一个美观且易于使用的登录界面。 在`login.html`文件中，我们可以期待看到HTML结构，它通常包含以下几个关键部分： 1. **DOCTYPE声明**：定义文档类型，确保...
html登陆页面项目源码.zip
11-05
HTML登录页面项目源码是一个用于创建用户登录界面的资源包，它包含了一系列基本的Web开发元素，如HTML、CSS和JavaScript文件。这个压缩包提供的内容是构建一个简单但功能齐全的登录界面的基础，适合初学者学习和理解...
html登陆页面的完整代码
11-05
以下是一个简单的HTML登录页面的完整代码 这个页面创建了一个简单的登录表单，包括用户名和密码的输入框以及一个提交按钮。当用户点击提交按钮时，表单数据将被提交到名为 "login.php" 的服务器端脚本。你可以根据...
FundusSchoolSite:HTML登陆页面
03-26
【标题】"FundusSchoolSite:HTML登陆页面" 指的是一款基于HTML技术构建的登录界面设计。在网页设计中，登录页面是用户访问网站或应用的第一步，因此它的用户体验和功能实现至关重要。HTML（HyperText Markup ...
HTML 登陆页面6个 精挑细选
01-23
HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它是构建互联网页面的基础。在这个“HTML登录页面6个 精挑细选”的压缩包中，包含了一系列精心设计的登录界面，适用于OA（Office Automation）系统...
HTML实现图片查看与隐藏
你羡慕的生活都是你没熬过的苦。
07-08 447
你好呀，我是小邹。在网页设计中，提供一个直观且用户友好的图片查看功能是提升用户体验的重要一环。本文将详细介绍如何使用HTML、CSS和JavaScript来实现图片的查看与隐藏功能。通过本教程，你将学会如何让页面上的图片在点击时放大显示，以及如何通过再次点击或点击背景来关闭放大的图片。
通过 tomcat 让手机访问到电脑写的 html 网页
最新发布
m0_75138009的博客
07-10 529
通过 tomcat运行的文件，只要处于同一个局域网下，就可以被访问，不过我们需要将防火墙对 8080 这个端口设置允许外部访问，或直接把防火墙先暂时关闭。我们需要在在环境变量中配置 JAVA_HOME 和 CATALINA_HOME 两个变量，分别装入 jdk 和 tomcat 的路径。之前实现的 html 小项目只能在自己的电脑上展示，如果要在其他电脑或者在手机上就看不到网页了。要运行 tomcat ，我们必须要确保我们的环境变量中有 jdk。想要在手机上访问自己写的网页，我们可以借助 tomcat。
HTML最快速最简单
07-08 283
HTML 元素以开始标签起始，HTML 元素以结束标签终止空元素在开始标签中进行关闭（以开始标签的结束而结束）元素的内容是开始标签与结束标签之间的内容。
[Vue3 + TS + Vite] 获取网页选中内容的字符串格式或HTML格式
qq_45831414的博客
07-08 327
【代码】[Vue3 + TS + Vite] 获取网页选中内容的字符串格式或HTML格式。
一文清晰了解HTML——简单实例
weixin_73074505的博客
07-08 251
1.img中src有绝对路径、相对路径及网络路径之分。其中相对路径有../上一目录 ./当前目录 （./可省略） 命令。 【上述为网络路径】 2. img还有width与heigh，单位可为px（像素）一般屏幕分辨率为1024*768；可为百分比，意为占body长或高的百分之多少。
HTML 标签简写及全称:表格内容将通过JavaScript动态生成
lulei5153的博客
07-09 194
【代码】HTML 标签简写及全称:表格内容将通过JavaScript动态生成。
HTML CSS 基础复习笔记 - 框架、装饰、弹性盒子
forevercui的博客
07-09 745
弹性盒子 - 学习 Web 开发 | MDN (mozilla.org)flex-flow：flex-flow属性是flex-direction属性和flex-wrap属性的简写形式align-items：flex-start | flex-end | center | baseline | stretch （单行）
 html登陆页面代码
06-03
好的，以下是一个简单的 HTML 登录页面代码示例，您可以根据您的具体需求进行修改和调整。 ``` <!DOCTYPE html> <html> 登录页面 ,initial-scale=1.0"> 欢迎登录 用户名： 请输入您的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Titijiang233

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值