form表单中用户名和密码对齐的简单实现

最新推荐文章于 2024-08-13 16:30:10 发布
最新推荐文章于 2024-08-13 16:30:10 发布
阅读量1.5w 收藏 13
点赞数 12
文章标签： 表单 web前端 用户名和密码 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014507244/article/details/51104573
版权

在web前端页面设计中，登录表单是非常常见的。

       如果用户名和密码对齐还困扰着大家，就让我来讲讲吧！

      用户名三个字，密码俩个字，默认是不对齐的。很多人是在密码中间加上&nbsp,对某个特别的浏览器或许好了，但是不能兼容所有浏览器，所以这种做法是不明智的。正确的做法如下：

     在“密码”中间加上一个全角的空格（Space）,”密（全角的空格）码“就有三个字的宽度。两者宽度一样，自然对齐了。

     备注：切换到全角的空格 快捷键 ：Shift+Space

岁月宛转待黎明
关注
表单对齐方式
m0_72959610的博客
08-29 3182
表单对齐方式
图形标签img 和 表单标签form
Tammyo的博客
05-11 804
<img> 图形标签 行级标签，用来显示图片。 重要属性有：src、title、alt、width、height、align。 src图片地址。 title鼠标悬浮在图片上的文字。 alt图片找不到时要替换的文字。如果图片资源使用的是外网资源，则不会显示要替换的文字。如果使用的是本网站的资源（相对路径给出），则找不到图片时会显示替换的文字，并保留图片设置的宽高结构。 align图片周围文字的垂直对齐情况。常用的属性值有：top（与图片的顶部对齐）、middle（与图片的...
form表单中如何简单实现让用户名和密码文字对齐？
青春木鱼的博客
05-23 5924
在web前端页面设计中，登录表单是非常常见的。但是，我们会经常碰到一个困扰的问题，就是登陆的帐户名如果采用的是三个字，而密码是俩个字，这就会出现上下对不齐的问题，进而会影响页面的美观。如何实现对齐，总结一下，可以采用2种方案
简单的表单对齐
weixin_30341745的博客
06-10 106
先来看看最终的效果： 这里主要关注如何将“用户名”“请设置密码”以及他们紧跟的input元素设置为图中的对齐样式。 先来看看html代码： 1 <div class="item"> 2 <label><span>*</span>用户名：</label><input type="text" name="n...
1.6 登录界面用户名和密码输入框对不齐的解决办法
小KS
10-03 2382
每次写登录界面，总出现这种怪现象，用户名和密码这两个输入框总对不齐，今天网上搜了一把，原来是没学css的原因。用css就可很好的解决这个问题： 用户名：&lt;input type="text" name="uname" style="font-size:9pt; width:150px" maxlength=20/&gt;&lt;/br&gt;密    码: &lt;input type="p.
html表单中用户名密码输入框的长度不一样的解决方法
yichangzxc的专栏
05-19 1万+
采用css给iput指定宽度可以将其规范到指定的长度。     用户名 :<input type="text" name="username" style="width:300px;" />     密码 :       登陆"style="width:60px;height:30px;font-size:16px;">没有用户名?[注册]一个吧
HTML两端对齐
大_奶瓜的博客
12-03 3055
我做的是用户名和密码的两端对齐 直接上代码， <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>login</title> <style> body{ font-family: "微软雅黑"; font-siz...
表单元素对齐
05-27
在网页设计中，表单元素对齐是一项至关重要的任务，它直接影响到用户的交互体验和页面的整体视觉效果。本文将深入探讨“表单元素对齐”的相关知识点，包括基本概念、常见方法以及源码实现。 一、基本概念 表单元素...
sign-in-form:这是简单的登录我，并以HTML和CSS形式注册表单！
05-07
2. 文本样式：通过`font-family`, `color`, `text-align`等设置字体、颜色和对齐方式。 3. 背景和边框：`background-color`, `border`, `border-radius`等调整背景和边框样式。 4. 尺寸和位置：使用`width`, `height...
vue3+Element Plus功能组件封装——登录（用户名，密码，验证码，记住密码，登录正则验证）
最新发布
布克吉的博客
08-13 464
* 登录模块 */})//标识表单//正则验证规则} else {callback()callback()} else {callback()} else {callback()}],}],}]})
经验总结----网页表单文字对齐问题
aeaxea43的博客
03-11 822
填表单时经常遇到输入"用户名"和"密码"情况,由于1个3个字,1个是2个字,文字要对齐才显得OK. 而密码2字如果只用空格或者&nbsp字符分割,无法实现和用户名对齐. 发现个好方法:直接用2个下划线就可以了 . "密__码", "用户名". 注意用 <font标签把颜色设置和背景一样. ...
html radio和文字对齐_html基础知识解析（三） |实用干货
weixin_39710561的博客
11-29 642
表单标签 网页(程序)如果要和用户产生互动，则必须借助一定的中介，这个中介一般是：文本输入框、按钮、多选框、单选框。而表单则是这些中介和放置这些中介的空间()。在网页中，这些文本输入框、按钮等等必须放置在由这个标签所定义的空间中，否则没有实际意义。所以，由标签所定义的空间就是表单存在的空间。【各种输入类型】文字输入框：每个表单之所以会有不同的类型，原因就在于type="表单类型"设定的不同而已，我...
HTML 登录页面_点击密码框小眼睛可显示输入密码_水平排列元素（高度不同）的底部对齐方式
追求卓越583的博客
02-08 1628
HTML 登录页面_点击密码框小眼睛可显示输入密码_水平排列元素（高度不同）的底部对齐方式
登录页面勾选协议
ilove_story的博客
08-15 6617
我们在制作登录页面有时需要用户勾选协议，如果不勾选则无法登录 <script type="text/javascript"> $("#read").click(function(){ --read是一个checkbox //如果被勾选状态下 if($(this)[o].checked==true){ $("#log_btn").prop('disabled',false);//解除禁用 }else{ $("#log_btn").prop(.
当输入名字时，两个字与三个字实现宽度对齐(html)
热门推荐
起航
10-28 1万+
当我们输入名字时，如果有两个字和三个字的，我们可以在两个字的子之间输入空格来实现与三个字宽度对齐，注意输入的空格是全角空格，如： 姓　名： 验证码：
表单标题和表单对齐的HTML代码
05-16
上述代码中，`<h2>` 标签用于显示表单标题，`<form>` 标签用于创建表单，`<label>` 标签用于描述每个表单输入项，`<input>` 标签用于创建输入项，` ` 标签用于创建换行符。在每个 `<label>` 标签后面都有一个 `...
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值