与静态内容重叠的输入标签

overlapping input tag with static content

本文关键字：输入 标签 重叠 静态      更新时间：2023-09-26

我在html中有两个重叠的输入标签。我想一个应该有$ sign在它和其他应该有值作为占位符在它。现在，当它们重叠时，我希望当用户按tab键并到达重叠的输入框，它应该选择一个值作为占位符。通过这个，我想实现$ sin应该是静态的。

<div id="twoinput" style="width: 40%; float: right;">                    
    <input id="visiblevalue" type="text" name="value" placeholder="$ Value" value="" required="required" onfocus="if(this.value == '') this.value='$ '" onblur="if(this.value == '$ ') this.value = ''" onkeydown="return isNumber(event);"  />
    <input id=hiddenvalue type="text" placeholder="Value" value="" required="required" onfocus="this.placeholder=''" onblur="if(this.value=='')this.placeholder='Value'" />
</div>
#twoinput{
    position:relative;
}
#visiblevalue{
    position:absolute;
}
#hiddenvalue{
    bottom: 0; 
    right:0;
    left:0;
}
#twoinput{
    position:relative;
}
#visiblevalue{
    position:absolute;
}
#hiddenvalue{
    bottom: 0; 
    right:0;
    left:0;
}

不需要使用输入标记来保存$符号。使用Bootstrap在输入框前加上$:

下面是一个用法的例子:

<div class="input-group">
  <span class="input-group-addon">$</span>
  <input type="text" class="form-control">
</div>

下面是Bootstrap文档的链接:http://getbootstrap.com/components/input-groups

相关文章：