IE8 input框根据内容自动变长解决

最新推荐文章于 2023-03-22 12:05:14 发布

weixin_34221773

最新推荐文章于 2023-03-22 12:05:14 发布

阅读量458

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/cccyb/blog/1475233

本文介绍了解决网页中input输入框根据内容自动变长的问题。提供了两种方法：一是通过页面头部声明HTML规范；二是为input元素设置固定的宽度，并避免使用可能导致自动伸缩的overflow属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

方法一：页面头部声明如下规范即可：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

方法二：给input设置固定长度

另外 input输入框的 overflow:visible; 属性也可能导致根据内容自动变长

转载于:https://my.oschina.net/cccyb/blog/1475233

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34221773

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南

墩墩分墩

08-16

6879

**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨

基于web应用的UI自动化、跨浏览器测试、测试结果分析：Selenium 开源的自动化测试工具基础教程

AI天才研究院

07-28

2001

Selenium是一个开源的自动化测试工具，它提供了基于web应用的UI自动化、跨浏览器测试、测试结果分析等功能。它提供的功能包括：自动化控制浏览器、操纵表单、点击链接及按钮、验证页面元素、执行JavaScript代码、生成PDF文件、模拟移动设备行为、实时日志记录、多种报告格式输出、扩展接口支持、分布式集群支持等。Selenium WebDriver 是 Selenium 的WebDriver实现，是一个用于构建自动化测试脚本的API。

参与评论您还未登录，请先登录后发表或查看评论

input 长度随内容长度自动变化

Dove_1234的博客

07-17

1970

<input name="pro2" type="text" id="pro2" value=""onKeyDown="if(this.value.length>this.size)this.size=this.value.length+2" />

input输入框自动伸长

weixin_33704234的博客

11-16

942

js使得input输入框自动伸长 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http:/...

Input文本框随着输入内容多少自动延伸

anjichan4261的博客

08-22

312

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> &l...

IE8 textarea、input 宽度问题

supershuyun的博客

09-06

800

1.IE8 文本域中滚动条乱跳问题描述1：前提我们没有给文本域设置宽度，当文本域中的文字超过文本域的高度的时候，会出现滚动条，ie8下当我们将滚动条拉到最下面时候。按回车，滚动条会突然跳至上面或者中间，影响操作。解决：给文本域指定宽度，即：width:100px; 2.IE8 文本框宽度与其他浏览器不一致问题描述2：给input设置指定宽度，在ie8下宽度和其他浏览器是不一致的，很...

【VBS与IE自动化】：交互式方法获取网页内容与表单提交

[vbs获取html内容，VBS获取网页内容](https://global.discourse-cdn.com/codecademy/original/5X/3/0/8/d/308dc67521711edfb0e659a1c8e1a33b8975a077.jpeg) # 1. VBS与IE自动化基础介绍在开始深入探讨VBS与...

UI 自动化测试框架：关键字驱动+数据驱动

HB8888888的博客

02-24

6510

1. 关键字驱动框架简介原理及特点关键字驱动测试是数据驱动测试的一种改进类型，它也被称为表格驱动测试或者基于动作字的测试。主要关键字包括三类：被操作对象（Item）、操作行为（Operation）和操作值（Value），用面向对象形式可将其表现为Item.Operation(Value)。将测试逻辑按照这些关键字进行分解，形成数据文件。用关键字的形式将测试逻辑封装在数据文件中，测试工具只要能够解释这些关键字即可对其应用自动化。优势执行人员可以不需要太多的技术：一旦框架建立，手.

JS获取及设置TextArea或input文本框选择文本位置的方法

10-24

由于本部分文档内容是通过OCR扫描得到的，因此可能在文字识别方面存在一定误差，但根据提供的内容描述，可以推断出文档的主体部分是在解释如何使用JavaScript函数getPos和setPos来获取和设置HTML文本框（input类型为...

IE6中文本框的长度忽然变长的怪异问题

Zhongxiucheng的专栏

10-09

1040

此问题是在我进行extjs表单设计的时候遇到的,是一个非常怪异的问题,它的现象是当你在一个文本框中输入文字的时候,这个文本框的长度忽然变长了一些,经过对代码的层层剥离最后找造车此问题的关键因素: <input style="WIDTH: 50%" class=" x-form-text x-form-field" name="crdbmAlias">

文本超出隐藏。。。展示

csstmg的博客

07-05

120

1行 text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 多行 text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 兼容ie的方法–1 .chychxItem:nth-child(4)::after{ float: right;

按钮在 IE 中两边被拉伸的BUG

走向WEB开发

11-22

419

按钮在 IE 中两边被拉伸的 BUG 作者:怿飞大家在写按钮（input、button）的时候会发现在 IE 下：随着字数的增多，两边的间距也会越来越大。在 WIN 的XP 风格下，当字数很多时，两边还会出现严重的锯齿。到底是什么原因呢？蓝色理想原 WEB标准化专栏的斑竹 zbm2001z 给出了一个答案：1、IE 在按钮的 value 值每增加 4 个字节（汉字为

禁止浏览器自动填充input解决方案

ggxin的博客

03-22

3206

3、在页面初始化的时候把type改为text 并且清空，在focus事件触发的时候又把type改为password ,其他input类似。一、表单的input控件不要设置name和id属性，可以设置class或其他属性，只要能方便找到这个控件即可。经过测试上面3种方法都不理想，第三种更是直接报type属性是只读的，不能更改。2、设置input的autocomplete=“new-password”1、设置input的autocomplete=“off”通过jquery找到这个控件获取里面的值再提交即可。

Vue中实现input框长度自动适应文本长度

qq_41530545的博客

08-20

6103

Vue中实现input框长度自动适应文本长度

input 按钮在IE下兼容问题

将PHP Web开发进行到底

03-13

974

这段时间在处理网页默认的input 按钮时，IE下常显现不一致的宽度问题，让人感到很纠结。所以今天请教了几位高手把这个问题解决了，现在贴出来和大家共享一下，当然这个方法在网上曾有人写过，大家可以一起来相互探讨一下。 Html Code: input type="submit“; class="form-submit" value="subscribe" name="op" id="e

给 el-input 设置内容长度的方法

逆风优雅的博客

07-21

1万+

首先，我们都知道，限制input文本框的输入长度的，可以通过给这个元素加上maxlength的属性来实现 <input type="text" value="我是一个输入框" maxlength="5" />  但是，在饿了么框架中，我们想要设置el-input 输入框的长度，使用maxlength,就是无效的，解决的方法是，给这个输入框加上一个oninput属性 <el-input type="te..

vue element el-input 输入框当内容长度超出时现示el-tooltip提示

周家大小姐

04-24

2万+

选择专员的时候,会发送请求;请求的结果会进入寿险机构:要判断内容会不会过长;如果过长就显示提示状态 html; <el-form-item label="派驻寿险机构" prop="lifeComName"> <el-tooltip :disabled="disabledTooltip" effect="dark" :content...

el-input长度的设置