文本域宽高用width和height怎么设置？

2021-09-07 13:50发布

站内问答 / 软件测试
2089 6 9
发送
6条回答
722
2楼 · 2021-09-08 09:24

表单文本框

调整height,size的数值大小，可以更改文本框的高度、宽度。 


飞翔的鱼 - 慢慢走，沿途有风景，身后有阳光
3楼 · 2021-09-08 10:48

仅用慢日志文件，如何快速获取分时报告？

如果有监控系统，获取分时报告（每小时慢查询的条数报告）不难，如果只有慢日志文件，就会有点费劲。


欧文诺啊
4楼 · 2021-09-09 15:28

  1. textarea通过cols和rows设置宽度和高度；

  2. 也可以用style来设置width和height。


希希
5楼 · 2021-09-14 11:37

textarea通过cols和rows设置宽度和高度，也可以用style来设置高宽。

雨陵西 - 每一代青年都有自己的际遇和机缘
6楼 · 2021-09-29 11:36

textarea通过cols和rows设置宽度和高度；也可以用style来设置width和height，分别介绍：

 

1. 设置宽度100%，textarea宽度随父元素变化；

2. 设置rows，textarea高度会发生变化


果果宝贝
7楼 · 2021-10-18 14:47

1.Html代码

2、JavaScript代码

[removed]
var info = "";
info += " 网页可见区域宽："+ document.body.clientWidth+"
";
info += " 网页可见区域高："+ document.body.clientHeight+"
";
info += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"
";
info += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)"+"
";
info += " 网页正文全文宽："+ document.body.scrollWidth+"
";
info += " 网页正文全文高："+ document.body.scrollHeight+"
";
info += " 网页被卷去的高(ff)："+ document.body.scrollTop+"
";
info += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop+"
";
info += " 网页被卷去的左："+ document.body.scrollLeft+"
";
info += " 网页正文部分上："+ window.screenTop+"
";
info += " 网页正文部分左："+ window.screenLeft+"
";
info += " 屏幕分辨率的高："+ window.screen.height+"
";
info += " 屏幕分辨率的宽："+ window.screen.width+"
";
info += " 屏幕可用工作区高度："+ window.screen.availHeight+"
";
info += " 屏幕可用工作区宽度："+ window.screen.availWidth+"
";
info += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"
";
info += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"
";
document.getElementById("html_info")[removed] = info;
[removed]

3、细节


4、精确定位

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

IE，FireFox 差异如下：

IE6.0、FF1.06+：

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE5.0/5.5：
clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height


相关问题推荐

  • 软件测试适合女生学吗？2020-03-11 17:26
    回答 157

    虽然从事开发行业的女生越来越多，但女生的比例还是远比不上男生。软件测试的男女生比例则基本相当，软件测试要求细心、耐心，大部分女生也是比较适合学的。而且软件测试课程分为手工测试和自动化测试，手工测试分为功能测试、性能测试、接口测试。自动化测试...

  • 对于软件测试员来说需要会写代码吗？2020-05-18 13:42
    回答 121

    需要。很多人当初抱着测试不需要懂代码，才选择了这个行业，这个就要看对自己的职业定位了，是止步于月薪过万就可以了，还是往20k、30k去突破，如果这样的话，是肯定要会接口、会自动化，就必然要涉及到代码。如果真的看不懂代码，实际的测试后期的工作会出现...

  • 游戏开发女生学习会不会太难了？2021-01-08 17:41
    回答 91

    在我看来游戏开发挺难的，尤其像手游一类的还有网游，里面有很多的程序代码而且伤神又费力，不过也有女生在这方面做的很好的，如果你感兴趣，非常想学，可以试试

  • 25岁了，想转行IT，学习软件测试怎么样？能学会吗2020-12-03 10:39
    回答 80

    软件测试专业现在很火热，很缺少人才，25岁学软件测试能学会，就业薪资也高，工作也相对轻松

  • 测试方法可以分为哪几种？2020-05-12 10:32
    回答 11
    已采纳

    测试类型有：功能测试，性能测试，界面测试。功能测试在测试工作中占的比例最大，功能测试也叫黑盒测试。是把测试对象看作一个黑盒子。利用黑盒测试法进行动态测试时，需要测试软件产品的功能，不需测试软件产品的内部结构和处理过程。采用黑盒技术设计测试用...

  • 接口测试一般什么时候开始进行？接口 2020-08-21 08:56
    回答 15
    已采纳

    这个其实和接口测试的场景密不可分的，比如说：外部接口测试：    必须先接口测试通过了，才能执行功能测试子系统或者各个模块之间的联调测试：    必须各子系统后台代码完成，并提供接口才可以完成测试，一般来说都要求各子系统功能测试通过后再进行...

  • 软件测试工程师属于哪个部门呢？2020-08-26 22:16
    回答 6
    已采纳

    这个是会因为公司的架构不同而不同的，并不是固定的，但是一般是会有专门的测试部门，或者叫质量保证部，也有可能是叫别的名字。

  • 软测是主要学什么呢？2020-12-22 10:02
    回答 43
    已采纳

    移动端测试，包括App兼容性测dao试，7*24小时稳定性测试，功耗性能测试，UI测试，交互测试等，课程主要学习的内容有：1、功能测试主要包括计算机基础、软件测试核心理论、Linux、数据库，学习目标是掌握软件测试核心理论，结合Linux、数据库等可实现移动端、w...

  • 缺陷报告怎样写会好一些？缺陷报告 2022-07-14 15:27
    回答 1

    标题　　1. 首先要做一个标题党（此标题党非彼标题党）。标题一定要清晰简洁易理解，不应该臃长　　2. 尽量前缀要规范，例如模板： [Product][Version]_[Feature]_[Title]，这样描述会很清晰，也方便查找　　3. 缺陷的标题一定要描述在什么情况下发生了什么问...

  • 缺陷报告有什么作用？缺陷报告 2022-07-14 15:27
    回答 1

    1、 缺陷报告可以记录缺陷2、可以对缺陷进行跟踪管理3、可以对缺陷报告进行分类 总结 统计

  • 缺陷报告由哪些部分组成？缺陷报告 2022-07-14 15:25
    回答 1

    1、缺陷编号（Defect ID)，提交BUG的顺序。2、缺陷标题（summary),简明扼要的说明一下这个BUG。3、缺陷的发现者（DetectedBy) ,一般是自己。4、发现缺陷的日期（Detected on date)，一般是当天。5、缺陷所属的模块（subject)， 在测试哪个模块的时候发现的BUG...

  • 缺陷报告的要点包括哪些？缺陷报告 2022-07-14 15:15
    回答 1

    缺陷标题好的缺陷标题需要让相关人员一目了然，一般建议的格式是条件+失败。缺陷类型缺陷类型也是根据具体的项目而定的。但一般情况下分为功能、界面、建议。重现步骤重现步骤的编写规则可以参考测试用例中的操作步骤 ，一定要足够详细、说明清楚问题的操作顺...

  • 好用的自动化单元测试框架和工具有什么？单元测试 2022-07-12 15:57
    回答 1

    工具：NoSQLUnitJsTestDriverQTRunnerVenusFluintBuster.JSSQLUnitECUTQTestlibUnitilsgreatestDbUnitAbbotGoogleTest框架：JUnitMoqJSCaptureMockCUnitPyUnitCppUTestCppUnitzCUTcipra

  • 开源单元测试工具有哪些？单元测试 2022-07-12 15:49
    回答 1

    JunitTestNGGoogleTestpytestunittestJmockitJaCoCogcov、lcov、gcovrCoverage.pyEvoSuiteDiffblue Cover

  • 如何对 react hooks 进行单元测试单元测试 2022-07-12 15:30
    回答 1

      React Hooks测试库( Testing Library)是一个简单而完整的React Hooks测试工具。  React Hooks测试库让用户可以为React钩子创建简单的测试工具，自定义钩子的输入和检索输出，以处理在功能组件体内运行的情况。  使用React Hooks，用户不必为了测试而去担...

  • 接口测试和单元测试的区别是什么？单元测试 2022-07-12 13:41
    回答 1

    1、单元测试注重代码逻辑，接口测试注重业务逻辑；2、单元测试的粒度最小，是测试最小独立的单元模块（不依赖其他模块）；接口测试不是，会覆盖很多；3、单元测试是白盒测试，接口测试是黑盒测试；4、单元测试关注的是代码的实现和逻辑，测试范围较小，保证实...

没有解决我的问题，去提问