极客观点
项目管理
HarmonyOS
<input class="form-control" type="text" placeholder="input如何根据文本自适应长度" />
有一部分的input或者textarea宽度自适应是使用div加上contenteditable属性实现，当然内容你需要做一定限制，不然标签什么都可以写进去，富文本编辑器就是用这个实现的
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script>
function demo() {
var testLength = document.getElementById('test').value.length
$("#test").css('width', testLength*5 + 'px')
}
</script>
<body>
<input id="test" onkeypress="demo()" type="text"/>
</body>
</html>撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}10 回答11.7k 阅读
前端代码更新如何通知用户刷新页面？
前端代码更新如何通知用户刷新页面？2 回答3.2k 阅读✓ 已解决
css布局怎么保证右边一直在可视范围内？
如下：灰色和红色的高度都不确定，怎么保证左边高度太高需要滚动时右边一直能在可视范围内？ {代码...}5 回答2.2k 阅读
为什么会出现CORS error？
先登录成功了。再次调用，就出现了CORS error在Login页调用这个接口就是正常的，换一个页面调用这个接口就出现了跨域问题。我把这段代码注释以后就正常了。3 回答2.7k 阅读✓ 已解决
如何解决浏览器清除缓存导致axios请求404？
我的vue工程中使用axios请求。在页面加载时将baseurl存放在了sessionStorage中，封装request时通过获取session创建axios对象。现在偶尔会出现清除浏览器缓存时请求报404 因为baseurl被清除了。思索了很久没懂为什么会出现这种情况，页面加载时axios对象不就已经创建成功吗 中途清缓存怎么会影响到对象内部呢。4 回答2.2k 阅读✓ 已解决
chrome控制台的$不是jquery ?
$只返回了一个元素. queryAll返回两个.ƒ $() { [native code] } 哪里有关有这个函数的实现? 为什么只返回一个元素?3 回答1.2k 阅读✓ 已解决
使用高德地图的海量点绘制和区域绘制，区域绘制会因为海量点导致卡顿，有什么好的优化方法？
使用高德地图的海量点绘制和区域绘制，区域绘制会因为海量点导致卡顿，有什么好的优化方法？分批次绘制海量点，依旧会导致绘制区域的时候卡断 {代码...}3 回答1.9k 阅读✓ 已解决
使用纯粹的css没办法做到完整的自适应，你可以使用Js来实现这个功能，给input监听keypress事件，依据input的内容length，来动态更改input的width