input框位置被textarea占用导致不能输入

之前的问题是标记2和标记3我通过两个输入框实现，但是想到后面回显的时候就没那么方便了，就改为了textarea的方式。
把这个问题解决了，又出现了新的问题，因为这个页面展示的时候标记1需要和标记2并行，而标记1所在的位置又在textarea的位置中，所以导致了标记1鼠标点击失效，虽然知道了问题所在，但是不知道怎么解决。
下面分别是html和css

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
黎明不管黑夜的星空 2022-04-24 19:22
关注
试试z-index属性

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

求解为什么前端用了el-card中嵌套el-input时textarea无法输入问题 css elementui 前端
2023-04-05 13:58

回答 2 已采纳改成这样试试： <div class="wrapper" style="width: 1476px; height: 770px;"> <div id="building" st
JS如何将input框的值剪切到textarea里？ javascript layui
2023-01-10 17:53

回答 3 已采纳 let stop = false document.getElementById('suoding').addEventListener('input', (e) => {
el input 多行文本 textarea bug elementui
2023-01-13 11:22

回答 1 已采纳在 Element UI 的 el-input 组件中，使用 autosize 属性可以实现多行文本框的内容自适应功能。但是，如果手动更改了文本框的高度，那么 autosize 属性就会失效，原因是
textarea不能选中及定位鼠标问题
2013-03-27 11:43

谢小丫的博客没想到一个小小CSS的改动，居然会引起“textarea不能选中及定位鼠标问题”。过程是这样子的：如果用户输入的字符不对或者超出长度，那么会有一个提示的span。这个span是一直存在的，只是通过html展示给用户的可见与...
js中能不能用input的输入值来控制textarea的宽度 javascript
2018-05-27 04:02

回答 2 已采纳 input onblur的时候设置textarea css的height就行了，前提是input输入的是数字 ``` ```
Vue 中使用el-input type="textarea" 怎么阻止默认换行行为 javascript vue.js
2020-09-29 15:06

回答 3 已采纳 https://www.cnblogs.com/qlongbg/p/12895903.html 亲测有用
input框里的值与textarea里的值对比是否重复的方法 javascript layui
2023-02-12 20:02

回答 3 已采纳 JavaScript <script> function func1() { var area = document.getElementById("area").value;
Element Input组件分析小结
2020-12-10 20:49

本文主要分析了Element Input组件中的calcTextareaHeight.js工具库，该库用于动态计算文本框（textarea）的高度，确保输入的内容能自适应显示。下面将详细阐述这个过程。首先，我们来看`HIDDEN_STYLE`常量，它是...
react中的textarea的value属性不能修改，如何才可以对他进行修改呢？ react.js 前端
2021-09-15 12:50

回答 1 已采纳 react里直接用script?没用create-app框架？先看看是否获取到了 dom。再赋值。且react有自己的获取dom方式ref.不是说js获取不行，但可能存在问题。因为react和vue
antd 设置textarea显示输入字数没反应和如何设置宽度？前端
2021-12-06 12:08

回答 1 已采纳可以设置宽度的，直接在标签上绑定style="width:50%"就好了antd的文本域标签是TextArea 吧，你换一下试试
Vue3 element el-input 内联样式不生效，怎么让它生效 elementui vue.js 前端
2022-04-24 11:38

回答 9 已采纳你好你这个不是不生效,而是被里面input的样式覆盖了如果想这么写就要把里面的样式初始化应该可以解决 .el-input__wrapper{ 'font-weight':'inherit';
element el-input 去掉边框
2022-02-26 23:05

java全套学习资料的博客 element样式还是蛮好的，只是有时候我们需要做一些调整，比如，el-input 的边框，官网是这样子的我们需要这样子的然后我们常规操作，**border: none;**或者 border: 0; 发现行不通，哈哈哈哈哈 tip：将border...
LayUI_03 前端框架内置模块
2022-07-12 22:28

£轻描～淡写°的博客 - layui.upload 八、下拉菜单组件文档 - layui.dropdown 九、穿梭框组件文档 - layui.transfer layui.transfer小例子code code 合法的数据格式code 不符合规范的数据格式code 十、树形组件文档 - layui.tree 十一、...
HN前端框架
2021-12-16 13:57

waitmore的博客 Placeholder：’请输入名称 ’ clearable 是否显示下拉框以及时间选择框里的小x图标，点击x可以清空输入框（如果为false就不显示） Clearable：false 4、formConfig配置说明：该属性配置主要用于表单显示（比如增加...
【前端学习】解决textarea中回车计入字符问题
2020-03-28 19:25

咕咕1999的博客在textarea中键入回车，或作文发送文本框按回车发送之后，自动将回车计入textarea的输入中，再次发送并不提示内容为空，可以
vue.js前端框架技术一课一得学习心得
2024-12-16 10:05

炽352的博客 Vue.js 是一个渐进式 JavaScript 框架，用于构建用户...其核心是组件系统，组件作为可复用的 Vue 实例，能够接收输入参数（props）并输出渲染的结果（template），方便开发者对界面进行模块化构建，提高代码复用性。
前端框架---之----layui的使用
2022-05-21 12:06

MyBlogHiHi的博客 1.在前端页面HTML页面中引入js文件 2.在前端页面HTML页面中引入css样式文件 3.使用layui样式时，需按照layui编写html规范进行编写，例如： 4.引入layui的js文件之后，便可以使用layui形式的js写法啦（table列表...
web前端 React 框架面试200题（二）
2024-07-21 16:09

柯晓楠的博客如果将HTML中的表单元素（ input、 select、 textarea等）添加到组件中，当用户与表单发生交互时，就涉及表单数据存储问题。根据表单数据的存储位置，将组件分成约東性组件和非约東性组件。约束性组件（ ...
前端面试知识梳理（高级前端开发工程师）
2021-01-08 15:45

在CSS中，对于行内非替换元素（如span），垂直方向的margin不起作用，而替换元素（如input、textarea、img）则不受此限制。对于table相关的元素，margin属性并不适用，例如caption、table、tr、td等。关于边框样式...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 5月4日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 4月26日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
修改了问题 4月23日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 4月23日

input框位置被textarea占用导致不能输入

1条回答 默认 最新

问题事件

1条回答默认最新