html表单中用户名密码输入框的长度不一样的解决方法

最新推荐文章于 2024-03-08 15:45:02 发布
最新推荐文章于 2024-03-08 15:45:02 发布
阅读量1w 收藏 2
点赞数
分类专栏： html+css 文章标签： 表单 输入框长度 不一致 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yichangzxc/article/details/51449752
版权

采用css给iput指定宽度可以将其规范到指定的长度。

<formaction="save.jsp" method="post">

<table>

<tr>

    <td align="right">用户名 :</td><td><input type="text" name="username"style="width:300px;" /></td><br />

</tr>

<tr>

    <td align="right">密码 : </td><td><inputtype="password" name="pwd" style="width:300px;"/></td><br />

</tr>

<tr> 

    <td align="right"><inputtype="submit" value="登陆"style="width:60px;height:30px;font-size:16px;"></td><td>没有用户名?<ahref="/register.jsp">[注册]</a>一个吧</td>

</tr>

</table>

</form>

mqlearning
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html正则用户名密码,多种写法表示-正则表达式之用户名、密码、手机号码、邮箱、地址的字符序列规则...
weixin_39618597的博客
05-30 1283
正则表达式之用户名的字符序列规则用户名开头不能是数字，不能包含空格，特殊标点符号，长度在 2 到 12 之间：第一种写法：String user = "[a-zA-Z\u4E00-\u9FA5]{1}[a-zA-Z0-9\u4E00-\u9FA5]{1,12}";第二种写法：String user = "[^\\d^\\s^\\p{Punct}[\u4E00-\u9FA5]]{1}[^\\s^\\...
v-model --双向数据绑定
qq_45802159的博客
01-03 3102
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
几种设置表单元素中文本输入框不可编辑的方法总结
12-02
代码: 代码如下:<input type=”text” value=”fisker” onclick=”alert(this.value);” onfocus=”this.blur()” /> 输入框无法获得焦点，不能编辑 表单可以获得值。 可以复制。 蛮奇怪的，都选住了，还没有获得焦点？ 2,readonly 代码: <input type=”text” value=”fisker” onclick=”alert(this.value);” readonly /> 输入框只读。不能编辑 同样表单可以获得值。 也可以复制。 3,disabled 代码: 代码如下:<input t
解决：type="password" type="text"用户名和密码输入框大小不一样 本篇文章来源于 电脑知识网(www.diannaozs.com) 原文出处：http://www.dianna
dracowk的专栏
10-19 2516
用户名输入框和密码输入框大小不一样： type="password" 这个密码输入框显示出来比type="text"  输入框宽度小，但是高度大，如何调制为一样呢？如果你调size的值是不起作用的。 下面有两种解决方法： 方法一：用CSS定义它的宽度： 以下是
Web密码输入框：安全性、可用性与最佳实践全解析
最新发布
编码行者的博客
03-08 760
在Web开发中，保护用户密码的安全性至关重要。本文全面解析了的使用技巧、属性的应用、视觉反馈、防止密码泄露、提高可访问性、客户端验证等方面的最佳实践，并结合实际代码示例。
element的form表单中输入框、下拉框、treeselect的校验问题
xy405580364的博客
07-09 9414
1. 下拉框校验 当前版本的element对select选择器的验证存在问题：select选了值，关闭弹框，再打开会触发自动校验。 * 目前有两种解决方法: * 1.使用 v-if 控制表单,太消耗性能 * 2.关闭弹框时直接delete选择器校验，下次打开弹框再添加进去 //使用第二种，触发form中的方法addRules(),把对下拉框的校验重新加进去 header openDialog() { 触发form中的方法addRules(),把对下拉框的校验重新加进去 th
form表单中用户名和密码对齐的简单实现
热门推荐
yudungang@csdn
04-09 1万+
在web前端页面设计中，登录表单是非常常见的。        如果用户名和密码对齐还困扰着大家，就让我来讲讲吧！       用户名三个字，密码连个字，默认是不对齐的。很多人是在密码中间加上&nbsp,对某个特别的浏览器或许好了，但是不能兼容所有浏览器，所以这种做法是不明智的。正确的做法如下：      在“密码”中间加上一个全角的空格（Space）,”密（全角的空格）码“就有三个字的宽度。
html字段最大长度限制,html input 限制输入的长度并提示的方法
weixin_42263617的博客
05-31 5557
html 中 input 标签的 value 值的长度理论上应该是 2^32(数据来源于资料，没有测试过)，但为了防止一些 input 的输入数据过长来做一些限制，该如何实现呢？这篇文章就来介绍一下，如何限制 input 输入数据的长度并且输入的数据超过规定的长度该如何去提示？html input 限制输入字符串长度的方法input 标签中的 maxlength 属性，可以用来规定输入字符串的最大...
16、HTML密码框
you can you up up up的博客
10-30 2830
网页中最典型的应用密码框的场景就是网站的登录注册页面 在 HTML 中，把 <input> 标签的 type 属性设置为 password 可以表示密码框。具体语法格式如下： <input type="password" /> 接下来我们看一个具体的例子： 纯文本复制 <form action="http://vip.biancheng.net/login.php" method="post" name="myForm"> 密码:<input typ
html设置密码最小长度,html中登录界面的用户名输入框和密码框长度不一样怎么处理...
weixin_33210666的博客
05-30 2283
htmlscriptfunction validate(){var username = document.getElementById('username').value; //对应用户名的idvar password = document.getElementById('password').value;if(!regex(username)){alert('请输入合法的用户名');retur...
html密码长度怎么获取,密码验证【空、长度】
weixin_39698007的博客
06-08 796
[javascript]代码库// 密码验证function checkPassword() {var password = $("#password").val();if (password.length < 1) {$("#passwordWrong").html("*请输入密码！");return false;} else if (password.length < 6 || p...
HTML5密码输入框最新Demo 下载
05-19
最新的密码显示与隐藏输入框，直接修改input标签type版
jQuery 禁止表单用户名、密码自动填充功能
10-19
主要介绍了jQuery 禁止表单用户名、密码自动填充功能,需要的朋友可以参考下
js简单实现表单中点击按钮动态增加输入框数量的方法
01-21
本文实例讲述了js简单实现表单中点击按钮动态增加输入框数量的方法。分享给大家供大家参考。具体如下： 这里演示表单中点击按钮动态增加输入框数量的方法，默认是没有输入框，点击按钮之后，输入框会不断的增加，每...
vue中使用iview自定义验证关键词输入框问题及解决方法
12-02
一、验证需求 ...二、解决方法  在关键词输入对应的FormItem中加入一个prop属性，作为验证字段使用；注意该FormItem是包含于Form的； form表单中添加rules验证 由于iview对空和总长度可以直接定义验证规
form表单中如何简单实现让用户名和密码文字对齐？
青春木鱼的博客
05-23 5428
在web前端页面设计中，登录表单是非常常见的。但是，我们会经常碰到一个困扰的问题，就是登陆的帐户名如果采用的是三个字，而密码是俩个字，这就会出现上下对不齐的问题，进而会影响页面的美观。如何实现对齐，总结一下，可以采用2种方案
关于html表单实现md5加密，input框长度变化的问题。
Li_black的博客
07-12 1033
关于html表单实现md5加密，input框长度变化的问题。 问题描述： 今天在写html页面的时候，想实现一个登陆表单，考虑到表单提交数据的时候会以 name = value 的形式发送数据。 所以提交账号密码会存在一定的风险，所以想使用md5来进行密码加密，当然这不是传统的加密方式，在这里就简单一下。 在开发过程中我用jquery代码获得密码框内容，然后调用js的md5库加密，把密文写回到密码框，这是我们会发现密码框的长度会变长。 如下图： md5加密后： 这是因为以下代码： function lo
html单选框对齐,HTML - 对齐单选按钮和文本
weixin_42525369的博客
06-08 886
假设您有两个相邻的简单表格单元格。一个包含一个单选按钮和文本。另一个只包含文本。HTML - 对齐单选按钮和文本单选按钮的大小设置为16x16像素(不要问我为什么，假设它就是这样)。字体大小为12像素。如何使标签和单选按钮在所有主流浏览器中沿着(或相当接近)排列的垂直中间一致排列？样本HTML，让你开始：td {font-size: 12px;font-family: Verdana;}.radi...
HTML之表单
李十八的博客
06-17 330
form 为比表单元素，它的 action属性表示提交地址，method 表示提交方式 有 post/get 两种 ，前者更为安全。它其中有很多属性可以实现很多功能，具体如下。 1、input input中有如下属性： type：类型 name: 名字 , 可以重复 id: 不能重复,保证全代码唯一 disabled: 禁用文本框 其中 type属性 有 text（文本框）、password（...
用户名输入框 密码输入框 密码不能显示 有记住密码按钮 还有提交按钮
04-05
可以使用以下 HTML 代码： ```html <form> <label for="username">用户名：</label> <input type="text" id="username" name="username"><br><br> <label for="password">密码：</label> <input type="password" id="password" name="password"><br><br> <input type="checkbox" id="remember" name="remember"> <label for="remember">记住密码</label><br><br> <input type="submit" value="提交"> </form> ``` 这里使用了 `<form>` 元素来包含表单内容，`<label>` 元素来标记输入框的名称，`<input>` 元素来创建输入框，`type="password"` 属性用于创建密码输入框，`type="checkbox"` 属性用于创建记住密码按钮，`<input type="submit">` 元素用于创建提交按钮。 需要注意的是，这个代码只是一个示例，实际应用中需要根据具体情况进行修改和优化。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值