HTML+CSS 简但美的登录界面

作者: 迪迪亚与前端与Linux分类: 计算机技术 发布时间: 2021-02-09 13:01:46 浏览:133796 次

HTML+CSS 简但美的登录界面

佩奇奇上线了:
b站很少看到一步一步打出来代码的,基本都是飞快的跳过,自己看源码,这个就很舒服

【回复】回复 @赞了我的视频 :这。。。我觉得没啥问题啊。。。比如要是用div或a代替input的话其实自定义化程度更高了。比如你要对整个urlencoded表单进行前端base64加密,那么用a和div反而比input简单。我对web前端没有研究多少,主要是研究后端的。之前写了个小工具要调试,就用js写了个简易的前端,但是我发现如果用type="submit"的input标签的话,onclick函数返回false时仍然会跳转,所以我就把那些submit换成div,然后就没问题了。
【回复】我觉得这up很可贵的是form和按钮用的都很专业
阿花大人me:
这是怎么做到边写边看到效果的 求告知

【回复】我也是单独一个网页浏览效果的呀~视频中这样是我用了win10自带的分屏,你把浏览器窗口拖到最左边或者最右边,然后选VScode就好,效果是左右各占半边(同理拖到最上或者角落就是上下五五开和占1/4个角,想要一些更高级的快速分屏的话可以在github下载微软官方的PowerToys)然后按住中间两个窗体的交界左右移动就可以调整他们占屏幕的比例啦
【回复】回复 @阿花大人me :vscode里要保存~ctrl+s~也可以开自动保存,每保存一次页面就刷新一次
伍鑫5:
牛啊 后端来学习了 改改还能用,up主那个4叶草叶也好看,我要不是有加载动画就用up主的了 网站https://wuxin5.top

【回复】页面视频没做响应式嘛?~
【回复】回复 @伍鑫5 :哦哦,因为别的内容有响应式的样子。谢谢夸奖了
【回复】回复 @迪迪亚悲伤 :哈哈哈,没有,这就是pc端的网站,有专门的app端的,还没开发完
迪迪亚与前端与Linux:
源代码:https://github.com/pokliuy/Web/tree/main/3-simpleLogin BV1cy4y1a7s7

【回复】[OK] https://gitee.com/auroratea/Web/tree/main/3-simpleLogin 打不开github的大佬们,这边请
【回复】回复 @迪迪亚悲伤 :失效了啊表哥
【回复】回复 @渣渣子要努力 :[呲牙]不尴尬不尴尬,进群来吧,你不是第一个啊哈哈,我下次改改
大泽IO:
登录界面这东西我卡住好久了,主要是中间输入框和背景融合问题(我那个站丧心病狂到登录界面的背景都是个广告位,不过广告的风格嘛,win10锁屏的概念)

pbvbp:
大佬是怎么学前端的,能否给个建议[吃瓜]

【回复】不算大佬还[哈哈] 1,关注我[脱单doge] 2,多做自己动手做实例 3,多看别人的作品,有自己觉得亮眼的功能啊,有成熟的设计啊之类的啊都可以看 3.1每句都要看懂,不懂要查或者要问 3.2碰到单句不知道在干嘛,有时候往往是好几句是实现一个功能,用自己的方法记住这些实现功能的方法(比如这个视频中margin的负值,其实是因为left:50%的话是元素最左边到页面最左边是页面的50%,那就反方向移动子元素一半的宽度这样的对齐方法,当然这个方法其实蛮过时且不常用的哈)
【回复】回复 @Sunset极夜 :w3c,阿西河,阮一峰的ES6入门
【回复】回复 @迪迪亚悲伤 :哦哦哦谢谢up!硬币我给啦,我想想问问可不可以推荐一下自学前端的网站或者书呀
风琴-执笔绘绮梦:
怎么源代码下载后跟视频内容完全不一样。。。源代码浏览器观看是什么甜糖白桃。。。

【回复】[热词系列_知识增加]可能我评论区发错了甜糖白桃是另一个视频的源代码,我晚上改一下,非常感谢指出[笑哭]
HJP886:
你好,想要用你的这个当作模板写我项目登录界面可以吗?

丶SnowyNight丶:
这个里面密码那个赢藏的眼睛是怎么弄的。。

【回复】回复 @迪迪亚与前端与Linux :噢噢谢谢~
【回复】那个是浏览器对input:password自带滴
天下御免QWQ:
随意写个登录框+好看的背景图哄哄甲方就行

【回复】这种只是后台管理的登录页面,随便怎么写都一样
鲨鱼SharkQwQ:
我把背景换成了梵高的星月夜。,真的绝

【回复】晚上我也试试,听起来就不错
午夜黑猫丶:
前端的三驾马车“JS HTML CSS”[妙啊][妙啊][妙啊]

起不了名字的玖:
这个按那个登录 可以跳转到其他网站吗🥹🥹

硬币不要啦:
up主,请问怎么实现点击“登录”按钮后跳转到另一个网页[tv_笑哭]

【回复】回复 @迪迪亚与前端与Linux :我加了这个没效果后边怎么加进去地址
【回复】回复 @迪迪亚与前端与Linux :非常感谢
【回复】回复 @硬币不要啦 :完整的登录要看你的后端怎么实现的了。是用form的action还是用AJAX,AJAX的话用JSON还是用什么,都要看你的后端是怎么写的

寒假不咕咕 学习 HTML 程序员 CSS 开发 设计 野生技术协会 期末 WEB前端

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!