表单里的两个格input 不一样大，怎么办，哈哈

最新推荐文章于 2022-11-11 17:12:44 发布
最新推荐文章于 2022-11-11 17:12:44 发布
阅读量1.2k 收藏
点赞数
分类专栏： 代码收藏 文章标签： input border 网易 class css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/80x88/article/details/321947
版权

表单里的两个格input 不一样大，怎么办，哈哈

INPUT  {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px} 网易的这个发表页的css
.for {
 font-size: 12px;
 color: #666666;
 background-color: #FBFBF3;
 border: 1px solid #CCCCCC;
 font-family: Arial, Helvetica, sans-serif;
} <input name="title" type="text" id="title" style="width:350px;" value="" class="for">
看到了吧确实挺好看的

80x88
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PHP中实现接收多个name相同但Value不相同表单数据实例
12-18
在给定的场景下，有两个主要的解决方案： 1. **数组形式的表单字段**： 通常，为了解决这个问题，可以将表单字段的`name`属性改为数组形式，例如`name="a[]"`。这会使得PHP在接收到数据时将其解析为数组。然而，...
jquery炫酷Input表单输入文字动画特效插件
12-11
此外，`transition`属性则用于在两个样式之间创建平滑过渡，而`animation`属性则可以组合多个关键帧动画。 **Fancy Input的动画特效** Fancy Input插件包含了五种不同的输入文字动画特效，这些特效可能包括但不...
html表单中用户名密码输入框的长度不一样的解决方法
yichangzxc的专栏
05-19 1万+
采用css给iput指定宽度可以将其规范到指定的长度。     用户名 :<input type="text" name="username" style="width:300px;" />     密码 :       登陆"style="width:60px;height:30px;font-size:16px;">没有用户名?[注册]一个吧
javascript实现让一个表单里的两个部分相等
furthersun的专栏
11-30 625
javascript妙用，让一个表单的两个部分的某些属性值相等，利用javascript使用“同上”的方法就可以达到。function InfoControl(){  var a;  a=document.DataForm  a.NAME.value=a.Linkman.value;  a.ORGANIZATION.value=a.cn_orgnize.value;  a.province.v
element校验from表单单项里有两个Input
Yokeiz的博客
11-11 2464
element校验from表单单项里有两个Input
解决两个表单切换时验证规则不生效问题
liangxhblog的博客
07-21 4642
需求：页面先展示不可编辑状态的表单信息，点击编辑按钮，表单信息变为可编辑状态，编辑的内容需要通过验证规则。 思路：写两个表单，绑定不同的数据，第一个表单用于展示，没有验证规则，第二个表单有验证规则，通过v-if切换 问题：第二个表单的验证规则不生效 解决办法：给两个表单分别加key值。 问题本质：即使两个表单绑定的值不同，但是浏览器在解析时，先解析第一个表单，此时表单上是没有绑定ref，之...
element UI 中 el-form 表单包含多个 el-input 时的校验方法
热门推荐
SUPPER493910的博客
12-03 1万+
这一点element-ui真是有点死板，我是这样解决的，有两个情况，prop可以只绑定第一个input的，第二个input写上ref属性，验证的rules中写一个方法，这个方法验证第一个input框的同时，通过 this.$refs.xxx.value的形式获取第二个input框值，只要这两个input框中存在有问题的情况则直接返回error。当然这个方法不能算优雅，我也是分享下我的经验，有更好的...
《uni-app》表单组件-Input组件
Oliver尹的博客
09-17 4450
input，输入框组件，表单届的扛把子，几乎所有的表单都离不开input，一个表单可以没有radio，可以没有checkbox，但是几乎不大可能没有输入框，它 是表单组件中属于使用频率最高的一种，常见的业务场景包括登录时的用户名，密码以及注册时一大堆信息填写，只要是信息录入的功能第一选择基本都是输入框；
HTML表单标签 input
BambooStrip的博客
08-24 1561
HTML表单标签 input
input值不可变、隐藏input(表单隐藏域)
CV_Di的博客
01-25 4345
input标签值不可变、隐藏标签一、值不可变方法1:readonly方法2:disabledreadonly 和 disabled的区别：二、隐藏\标签(表单隐藏域) 一、值不可变 在写前端页面时，有时候我们需要让<input>标签只能看，但不能更改，就行银行卡号之类的。 那么这个时候就需要让标签的值不可变了，让标签值不可变的方法有两种(readonly，disabled)。 方法1:readonly <form action="#"> <h4>方式一:reado
Vue循环中多个input绑定指定v-model实例
11-19
在循环中只要给定的v-model不一致就可以为输入框分别绑定,在循环中index每一项都是不一样的,你也可以使用字符拼接的方式,设置v-model对应的值为input1,input2.. 类似这样的,这样就可以通过绑定的值取到对应输入框的...
input框中的name和id的区别
11-27
在Web开发中，HTML元素的`id`和`name`属性是两个非常关键的概念，它们在页面结构和数据交互中起到不同的作用。虽然两者都可以用来标识元素，但它们的用途和约束条件有所不同。 首先，`id`属性是HTML元素的一个唯一...
Firefox下input button内文字不能垂直居中的解决方法
09-25
原因是Firefox浏览器为input元素引入了一个私有属性，导致默认的样式表现与大多数其他浏览器不一样。 具体来说，问题主要有两个方面：第一，按钮左右有2像素的间距，这通常是由于Firefox浏览器的私有属性设置了一个...
怎樣使用JavaScript操作XML數據据
04-22 3415
主　　题：怎樣使用JavaScript操作XML數據据 (100分)作　　者：JasonZhu (傑森) 等　　级：信 誉 值：100所属论坛：Web 开发 JavaScript问题点数：100回复次数：4发表时间：2005-4-22
一个不错的css， 挺好看的
06-14 2114
网站自动弹出窗口，这个可恶的东西，要不是老师要，我才不看
12-01 1845
无标题文档function MM_openBrWindow(theURL,winName,features) { //v2.0  window.open(theURL,winName,features);}//-->onLoad="MM_openBrWindow(yourpage.htm, winname,toolbar=yes,locat
又一种修改input属性的方法
04-12 1680
Input{BACKGROUND-COLOR: #F7F9FD; BORDER-BOTTOM: #89a5e6 1px solid;BORDER-LEFT: #89a5e6 1px solid;BORDER-RIGHT: #89a5e6 1px solid;BORDER-TOP: #89a5e6 1px solid;COLOR: #082D71;HEIGHT: 18px;border-color:
如果表单内有两个input怎么办
最新发布
06-02
如果表单中有多个输入框，可以通过获取所有输入框的值，并进行相应的判断来实现表单内容满足条件后跳转页面。 首先，在表单中添加一个 "onsubmit" 事件，当表单提交时会触发该事件。例如： ``` <form action="http://example.com/submit" method="post" onsubmit="return validateForm()"> <input type="text" name="input1" id="input1"> <input type="text" name="input2" id="input2"> <input type="submit" value="提交"> </form> ``` 上面的代码表示，在表单提交时会调用名为 "validateForm()" 的JavaScript函数来判断表单内容是否满足条件。 然后，定义 "validateForm()" 函数，该函数判断表单内容是否满足条件，如果满足条件则返回true，否则返回false。例如： ``` function validateForm() { // 获取表单元素 var input1 = document.getElementById("input1"); var input2 = document.getElementById("input2"); // 判断表单内容是否满足条件 if (input1.value == "" || input2.value == "") { alert("请输入内容！"); return false; } // 如果满足条件，则返回true，表单提交成功 return true; } ``` 上面的代码表示，当表单提交时，会获取表单中的 "input1" 和 "input2" 元素，判断它们的内容是否为空。如果有一个输入框的内容为空，则弹出提示框，返回false，表单提交失败。如果两个输入框的内容都不为空，则返回true，表单提交成功，并跳转到指定的URL地址。 在这个例子中，如果两个输入框中的内容都不为空，则会跳转到指定的URL地址。如果有一个输入框的内容为空，则不会跳转页面，而是弹出提示框。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值