使用javascript/jquery将字符固定到文本输入框中
使用javascript/jquery将字符固定到文本输入框中
提问于 2010-02-08 05:30:23
我正在寻找一种方法来‘修复’美元符号$到文本输入框，例如<input type="text" value="$" />，但使其默认值不可能被删除，以便无论用户输入，总是有一个$符号‘前置’输入。
干杯
回答 4
Stack Overflow用户
发布于 2011-01-21 20:50:43
在Pekka的回答的基础上，我在我的页面上使用了这一点，但我使用jQuery实现了一点自动化。所以在这个例子中，所有我想要放入$符号的输入域，我给它们一个类“成本”。
CSS：
<style type="text/css" media="screen">
.cost{
position: relative;
left: 20px;
}
input.cost{
padding-left: 24px;
}
</style>jQuery：
<script type="text/javascript">
$(document).ready(function(){
$("#lcce form input.cost").wrap('<div class="cost">');
$("#lcce form input.cost").before('<span class="cost"></span>');
});
</script/>这将把具有"cost“类的span放在您的输入之前，还会在输入和span周围都包含一个div，以便确保它们在同一行上。
如果您没有jQuery，可以从以下地址获得：jQuery.com
现在我有一个简短的问题--我注意到在IE6、7和8中使用这种样式时，$符号没有正确对齐。有没有人有办法解决这个问题？
谢谢!
Stack Overflow用户
发布于 2010-02-08 05:34:13
这只是一种视觉效果吗？如果是，你可以用CSS将其作为输入的背景图像。
然后，在服务器上，你可以对这个值做任何你想做的事情(例如，在它前面加上$)。
Stack Overflow用户
发布于 2011-11-09 06:39:22
我也一直在寻找不同的解决方案。使用css缩进带有填充的文本，并在该位置放置背景图像是您最好的选择。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2218434
复制相关文章
相似问题