相关疑难解决方法(0)
将输入字段的宽度调整为其输入
<html>
<head>
</head>
<body>
<input type="text" value="1" style="min-width:1px;" />
</body>
</html>
这是我的代码,它不起作用.HTML,JavaScript,PHP或CSS中是否还有其他方法可以设置最小宽度？
我想要一个动态变化宽度的文本输入字段,以便输入字段围绕其内容流动.每个输入都有一个内置的填充2em,这就是问题,第二个问题是min-width根本没有输入.
如果我设置宽度超过需要的宽度比整个程序凌乱,我需要1px的宽度,只有在需要时才需要更多.
推荐指数
解决办法
查看次数
Textarea自动高度
我想让textarea的高度等于其中文本的高度(并删除滚动条)
HTML
<textarea id="note">SOME TEXT</textarea>
CSS
textarea#note {
width:100%;
direction:rtl;
display:block;
max-width:100%;
line-height:1.5;
padding:15px 15px 30px;
border-radius:3px;
border:1px solid #F7E98D;
font:13px Tahoma, cursive;
transition:box-shadow 0.5s ease;
box-shadow:0 4px 6px rgba(0,0,0,0.1);
font-smoothing:subpixel-antialiased;
background:linear-gradient(#F9EFAF, #F7E98D);
background:-o-linear-gradient(#F9EFAF, #F7E98D);
background:-ms-linear-gradient(#F9EFAF, #F7E98D);
background:-moz-linear-gradient(#F9EFAF, #F7E98D);
background:-webkit-linear-gradient(#F9EFAF, #F7E98D);
}
JsFiddle:http://jsfiddle.net/Tw9Rj/
推荐指数
解决办法
查看次数
Textarea onchange检测
如何使用javascript检测textarea上的更改事件？
我正在尝试检测您输入的剩余字符数.
我尝试使用onchange事件,但这似乎只在焦点出现时启动.
推荐指数
解决办法
查看次数
如何使用Prototype自动调整textarea？
我正在为我工作的公司开发一个内部销售应用程序,我有一个允许用户更改交付地址的表单.
现在我认为它会看起来更好,如果我用于主要地址细节的textarea只占用其中文本的区域,并在文本被更改时自动调整大小.
这是目前的截图.
有任何想法吗？
@克里斯
一个好点,但有理由我希望它调整大小.我希望它占用的区域是其中包含的信息区域.正如你在屏幕截图中看到的那样,如果我有一个固定的textarea,它会占用相当大的垂直空间.
我可以减少字体,但我需要地址大而且可读.现在我可以减小文本区域的大小,但是我遇到的问题是地址行需要3或4行(一行需要5行).需要用户使用滚动条是一个主要的禁忌.
我想我应该更具体一点.我正在垂直调整大小,宽度无关紧要.发生这种情况的唯一问题是,当窗口宽度太小时,ISO编号(大"1")会被推到地址下(正如您在屏幕截图中看到的那样).
这不是要有一个gimick; 它是关于有一个用户可以编辑的文本字段,它不会占用不必要的空间,但会显示其中的所有文本.
虽然如果有人想出另一种解决问题的方法,我也会对此持开放态度.
我已经修改了一些代码,因为它的行为有点奇怪.我将其更改为在keyup上激活,因为它不会考虑刚刚输入的字符.
resizeIt = function() {
var str = $('iso_address').value;
var cols = $('iso_address').cols;
var linecount = 0;
$A(str.split("\n")).each(function(l) {
linecount += 1 + Math.floor(l.length / cols); // Take into account long lines
})
$('iso_address').rows = linecount;
};
推荐指数
解决办法
查看次数
Textarea根据内容长度调整大小
我需要一个textarea,我在框中键入我的文本,它根据需要增长,以避免处理滚动条,它需要在删除文本后收缩!我不想沿着mootools或jquery路线走,因为我有一个轻量级的形式.
推荐指数
解决办法
查看次数
自动缩放输入[type = text]到值的宽度？
有没有办法将a的宽度缩放<input type="text">到实际值的宽度？
input {
display: block;
margin: 20px;
width: auto;
}<input type="text" value="I've had enough of these damn snakes, on this damn plane!" />
<input type="text" value="me too" />推荐指数
解决办法
查看次数
有没有办法让textarea伸展以适应其内容而不使用PHP或JavaScript？
我正在填写textarea内容供用户编辑.
是否有可能使其伸展以适应CSS的内容(如overflow:showdiv)？
推荐指数
解决办法
查看次数
在Ace Cloud 9编辑器中自动调整内容的高度
我正在尝试将Ace编辑器添加到页面中,但我不知道如何根据其内容的长度自动设置高度.
理想情况下它会起作用,所以当内容改变时,重新计算高度,但我会对页面加载时设置的高度感到满意.
对于JavaScript新手,有人可以帮我弄清楚我如何计算代码的长度,跨越多少行,新高度是什么以及如何更新DOM以反映这一点？
我在谷歌小组中找到了这个建议,但我真的不明白它在做什么以及如何调整高度.
editor.getSession().getDocument().getLength() *
editor.renderer.lineHeight + editor.renderer.scrollBar.getWidth()
推荐指数
解决办法
查看次数
只用CSS扩展textarea是可能的吗？
我有一个高度为200px的textarea,但是当我用文本传递200px时,我希望扩展textarea,而不是使用滚动条保持200px的高度.
只有CSS可以做到这一点吗？
推荐指数
解决办法
查看次数
自动扩展textarea
我正在尝试做一个简单的自动扩展textarea.这是我的代码:
textarea.onkeyup = function () {
textarea.style.height = textarea.clientHeight + 'px';
}
但是当你打字时,textarea会无限增长......
我知道有Dojo和jQuery插件,但不想使用它们.我看了他们的实现,并且最初使用scrollHeight但是做了同样的事情.
您可以开始回答并使用textarea来回答您的问题.
推荐指数
解决办法
查看次数
标签 统计
javascript ×7
css ×6
html ×6
ace-editor ×1
css3 ×1
html5 ×1
jquery ×1
prototypejs ×1
textarea ×1