[HTML] 做个空壳网页练手(菜鸡的自我信息完善

最新推荐文章于 2021-09-13 17:26:24 发布
最新推荐文章于 2021-09-13 17:26:24 发布
阅读量199 收藏 1
点赞数 2
分类专栏： 前端 文章标签： 网页设计 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39391544/article/details/118875322
版权

这个是对昨天学习的自我检测,勉勉强强能看叭(#^-^#)

                                                 

效果图

 

 代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>information</title>
        <style>
            body{
                background-image: url("https://i0.hdslb.com/bfs/article/d55379889344ae8a88335ecac6553ed78ae7bce8.jpg@942w_531h_progressive.webp");
                background-size : cover;
            }      
        </style>
    </head>
    <body>
        <div align="center">
            <h1><font color="skyblue" > 信息完善</font></h1>
            <form action="/login.jsp" method="GET">
                <table width="280px">
                    <tr>
                        <td width="80px" align="right"><font color="red">*</font>用户名 :</td>
                        <td colspan="4">
                            <input type="text" name="username">
                        </td>
                    </tr>
                    <tr>
                        <td width="80px" align="right"><font color="red">*</font>密码 :</td>
                        <td colspan="4">
                            <input type="password" name="password" placeholder="大于六位,包含字母数字">
                        </td>
                    </tr>
                    <tr>
                        <td width="100px" align="right"><font color="red">*</font>确认密码 :</td>
                        <td colspan="4">
                            <input type="password" name="surepassword" placeholder="请再次输入密码">
                        </td>
                    </tr>
                    <tr>
                        <td width="80px" align="right"><font color="red">*</font>邮箱 :</td>
                        <td colspan="4">
                            <input type="text" name="email">
                        </td>
                    </tr>
                    <tr>
                        <td width="80px" align="right"><font color="red">*</font>真实姓名 :</td>
                        <td colspan="4">
                            <input type="text" name="name">
                        </td>
                    </tr>
                    <tr>
                        <td width="100px" align="right">性别 :</td>
                        <td >
                            男<input type="radio" name="sex" value="male" >
                        </td>
                        <td >
                            女<input type="radio" name="sex" value="female" >
                        </td>
                    </tr>
                    <tr>
                        <td align="right" width="100px">生日 :</td>
                        <td>
                            <select width>
                                <option hidden>年</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                            </select>
                        </td>
                        <td>
                            <select>
                                <option hidden>月</option>
                                <option value="1">1</option>
                                <option value="3">3</option>
                                <option value="5">5</option>
                                <option value="7">7</option>
                                <option value="12">12</option>
                            </select>
                        </td>
                        <td>
                            <select>
                                <option hidden>日</option>
                                <option value="5">5</option>
                                <option value="10">10</option>
                                <option value="15">15</option>
                                <option value="20">20</option>
                                <option value="25">25</option>
                            </select>
                        </td>     
                    </tr>
                    <tr>
                        <td width="80px" align="right"><font color="red">*</font>手机号 :</td>
                        <td colspan="4">
                            <input type="text" name="phone">
                        </td>
                    </tr>
                    <tr>
                        <td width="80px" align="right">居住地</td>
                        <td>
                            <select>
                                <option hidden>星系</option>
                                <option value="银河系">银河系</option>
                                <option value="坐标系">坐标系</option>
                                <option value="恶魔系">恶魔系</option>
                            </select>
                        </td>
                        <td>
                            <select>
                                <option hidden>星球</option>
                                <option value="地球">地球</option>
                                <option value="篮球">篮球</option>
                                <option value="赛博坦星球">赛博坦</option>
                            </select>
                        </td>
                        <td>
                            <select>
                                <option hidden>区域</option>
                                <option value="南美洲">南美洲</option>
                                <option value="太平洋">太平洋</option>
                                <option value="南极">南极</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td width="80px" align="right"><font color="red">*</font>QQ :</td>
                        <td colspan="4">
                            <input type="text" name="QQ">
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td colspan="4">
                            <a href="https://im.qq.com/"><font color="black">去设置我的QQ在线状态</font></a>
                        </td>
                    </tr>
                </table>
                <input type="submit" value="提交">
            </form>
        </div>
        <div align="right">
            <a href="https://blog.csdn.net/qq_39391544">
                <img src="https://avatar.csdnimg.cn/E/2/1/1_qq_39391544_1624348562.jpg" alt="">
            </a>  
        </div>
    </body>
</html>

泥烟
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
一个菜鸡学生的自我修养
06-04
一个菜鸡学生的自我修养
GPT曾经也是个小菜鸡
03-29
GPT这四年究竟是经历了什么从一个菜鸡忠诚大神？ 先来说下GPT是个啥？ Generative Pre-trained Transformer (GPT)，是一种基于互联网可用数据训练的文本生成深度学习模型。 它用于问答、文本摘要生成、机器翻译、...
Html的总结（待完善）
L的博客
04-11 156
框内文字 Placeholder 框内文字（例如：请输入密码） A标签 link 未点击的A标记 visited 点击过的A标签 hover 放置鼠标变颜色 active 点击字体变大 防止溢出 Overflow-auto 溢出有滚动条，否则没有。 Overflow-hidden 防止溢出 Overflow-scroll 滚动条 图片 ...
利用html实现个人信息登录页面
ssqkxg的博客
06-02 2万+
1、编写登录页面信息代码： （1） （2）对标题“个人简介登录界面”做布局： （3）底部信息： 对底部信息做布局： 2、实现效果： 3、编写个人信息页面代码： （1）添加个性关键词： （2）个人信息： （3）页面背景图片和底部的个性词设置： 注：对信息中的地址添加相应的链接。点击后可以跳转到相应的地址页面，并可以进行浏览。 （4）实现页面： ...
HTML/CSS 一个非常漂亮的户信息输入页面（含照片）
qq_38959715的博客
04-02 2万+
第一次发博客，有什么问题还请大神指出。 先上效果图： 代码部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>UserInfo</title> <style type="text/cs...
简单的 HTML网页编写 给用户 提示信息（笔记）
点点的博客
03-16 3508
&lt;html&gt; &lt;head&gt; &lt;title&gt;我的淘宝&lt;/title&gt; &lt;script language="JavaScript"&gt; &lt;!-- alert("欢迎光临肉肉店铺！"); //--&gt; &lt;/script&gt; &lt;/head
Progressive Web App(PWA)介绍
练涛
12-04 2765
&#13; Progressive Web App(PWA)背景介绍 很多人似乎都认为Web，应用永远不会与本机竞争，移动应用程序的可靠性速度和用户参与，很难建立一个他们的商业案例。 你知道吗？你知道他们曾经是对的，但有两件事情发生了变化。 首先，事实证明，大多数人在购买手机时购买了大部分应用程序，或者不久之后大多数人安装了一些常见应用程序并只用了一天，这使得开发人员难以参与...
新手前端练手网站_程序员从入门到入狱：必收藏的七大网站
weixin_39928768的博客
11-21 2230
作为一个正在自学JAVA的菜鸡，我把我在学习中用到的网站整理了一下，分享给和我一样正在学习编程的小白们。1、菜鸟教程菜鸟教程是零基础小白入门的一个必备网站，菜鸟教程包含了所有跟编程有关的技术。从前端到后端、从数据库到框架、从面向过程到面向对象，这个网站全部都有，最关键的是这个网站对新手极其友好，不管你要学习什么编程语言，这个网站都会如何搭建开发环境开始教你。最最重要的一点就是这个网站所有教程全部免...
html网页不随缩放而变形,html不随放大缩小而变形——initial-scale
weixin_36356958的博客
06-16 3489
写在前面：很惭愧我都在做jq了，关于手机端页面变形，直到今天早上才知道问题出在哪里？之前写了好多css页面用谷歌的F12查看手机端的页面，效果如下面的图，然后我一直以为我电脑的谷歌F12出问题了，直到今天在启宸师兄的帮助下才明白。下面进入正文：一直以为是谷歌F12出问题了，查了好多相关的资料还是没查到，然后今天回过头来修改之前页面的问题，然后看到head头部，就觉得可能是initial-scale...
一个现在的小菜鸡的自述
qq_55783740的博客
06-02 1978
我是一个来自普通高校计算机专业的计算机学生，来到csdn主要是为了能够记录自己提升代码能力的过程，想着以后要是复习或是回忆起来都会比较方便。 对于变成
菜鸡学Unity 之 了解 Unity 中的五个视图窗口
静心 Study
04-21 4939
LZ-Says：书山有路勤为径，学海无涯苦作舟~ 简述 本文作为Unity学习的第四篇博文，诣在通过简单了解本质，说白了，让我们一起一步步的熟悉Unity的使用，其次愉快的开启我们的撸码之路。 而今天，我们一起来看一下有关 Unity 中五个视图窗口。 游戏由哪儿些东西组成？ 一个游戏，简单来说，是由不同的场景组成，而场景则包含很多的游戏物体，而游戏物体，则包含很多游戏组...
半路出家的菜鸡程序员，北漂五年，给刚入行朋友的一些忠告，发自肺腑
热门推荐
陈哈哈的菜园子
04-11 3万+
大家好，我是陈哈哈。认识我的朋友们知道，我是非科班出身，半路出家，大学也很差！这种背景来北漂，你都不知道你会经历什么????????
网站规划--设计一个简单的网页.zip
06-03
网站规划--设计一个简单网页,带有二级页面，带有视频播放，按钮跳转，动态页面。 做的比较初级，供大家学习思考，毕竟我也是个网站菜鸡
NLP_process:NLP的各种小项目练手
05-10
NLP练习任菜鸡写的NLP的各种小项目练手（欢迎大家用于学习等～）TextCNN：对英文数据集进行二分类任务BiLstim—CRF：对英文数据集进行序列标注任务ESIM：对英文数据集实现文本蕴含任务BERT_分类：实现BERT完成对英文...
自己写的一个羽毛球网站（主网页加未完成的登陆页面）
最新发布
03-11
在校学了html和css，自学的js ...1.轮播图做了很久，报废了两个旧的没用的，可以说是最大的亮点和难点 2.羽坛动态等模仿小米官网有比较好的视觉效果 3.球员库的图片做了椭圆化处理，使视觉上不会很难受
[JavaScript学习记录] 异步操作
☆迷茫Dog的秘密基地☆
08-12 631
JavaScript 引擎有多个线程，单个脚本只能在主线程运行,其他线程都在后台配合. 单线程模型虽然对 JavaScript 构成了很大的限制，但也因此使它具备了其他语言不具备的优势。如果用得好，JavaScript 程序是不会出现堵塞的，这就是为什么 Node 可以用很少的资源，应付大流量访问的原因。 目录 一.定时器 setTimeout(JavaScript函数/要执行的代码, 等待的毫秒数) clearTimeout(timeoutID) setInterval(JavaScript.
[JavaScript学习记录] 首次运用于网页,做一个简易利息计算器!!!
☆迷茫Dog的秘密基地☆
08-11 611
事件 javascript允许html与用户交互的行为 例如:鼠标点击事件 <script> function sayHello{ alert('Hello World ppp!'); } </script> <button onclick="sayHello()">kick me</button> 错误处理 <script> function f1(){ //函数f1是存在的 } try{ document...
[JavaScript]一:概念/特色/语法/函数/数组
☆迷茫Dog的秘密基地☆
08-03 389
----本系列仅为个人学习总结,基于阮一峰大佬的《>>JavaScript 教程<<》---- 目录 ----本系列仅为个人学习总结,基于阮一峰大佬的《>>JavaScript 教程<<》---- 一.概念 一些特点总结 二.使用范围 （1）浏览器的平台化 （2）Node （3）数据库操作 （4）移动平台开发 （5）内嵌脚本语言 （6）跨平台的桌面应用程序 “Atwood 定律”： 三.>>JavaScript ...
Vue学习日记(一)
☆迷茫Dog的秘密基地☆
09-13 206
监听事件 监听事件 <script src="https://how2j.cn/study/vue.min.js"></script> <div id="div1"> <div>一共点击了 {{clickNumber}}次</div> <button v-on:click="count">点击</button> </div> <script> ..
写一个表白网页html
04-02
<!DOCTYPE html> <html> 我对你的表白 , initial-scale=1.0"> body { font-family: Arial, sans-serif; background-color: #f7f7f7; } h1 { ... 愿意做我的女朋友吗？ </html>

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

泥烟

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

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

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

打赏作者

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

抵扣说明：

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

余额充值