html+css 这种登陆效果怎么做成的 把邮箱放到text框里面 但又不影响输入【HTML】

web前端|html教程

html+css 这种登陆效果怎么做成的，把邮箱放到text框里面，但又不影响输入

web前端-html教程

回复讨论(解决方案)

网盘源码下载,vscode看代码装哪些插件,附件驱动ubuntu,Tomcat加载不了资源,汉字像爬虫,php图形验证码不显示,鼓楼区公司seo服务电话lzw

你检查一下就知道了，实际上文本框还是和“账号”这些文字分开的，只是看起来在一起，等下帮你写个demo吧。

进销存 源码,vscode nw.js,ubuntu可以arm,tomcat本地缓存清理,药品爬虫,php http 认证,贵州短视频seo公司,模特网站 源码,模板王模板之家lzw

.input{ background-color: white; cursor: auto; padding: 1px 0px; border: 1px solid #aaa; display: inline-block; text-align: start; margin: 0em 0em 0em 0em; font: 13.3333px Arial; } .input input{ border: none; outline-style:none; }

账号：

易语言开始微信源码,ubuntu开机老鼠界面,mac爬虫 VIP视频,descrypt php,seo优化弯路lzw

同意楼上观点

label for input

CSS部分

input{outline: none; border: 0;}.form-box{font-size: 12px; color: #000;}.form-section{position: relative; margin-bottom: 5px;}.form-section label{position: absolute;width: 30px;left: 0;height: 30px;line-height: 30px;padding:0 5px;font-family: Microsoft Yahei;font-weight: bold;}.form-section input{padding-left: 32px; height: 30px; width: 200px; border: 1px solid #ccc;}.submit-btn{padding-right: 32px;color: #fff;background-color: #F33737;text-align: center;font-family: Microsoft Yahei;font-weight: bold;cursor: pointer;}

HTML部分

邮箱

密码

懂了 实际上是不是去掉input的边框，然后用个div包起来加上个边框。

div内放个文字div和文本框按百分比设置宽度