显示占位符,即使x未在IE9中单击

show placeholder even if x isn't clicked on IE9

本文关键字:IE9 单击 未在 占位符 即使 显示      更新时间:2023-09-26

我使用span.js为我的一些占位符,它很好,但有一个问题。在IE9中,当你对焦输入时,它会在右手边显示x图标,在对焦后,我只能在点击x图标时看到我的占位符。我想让它作为占位符工作-当没有值占位符需要显示时,即使我没有在IE中单击x。

下面是我的代码:
<div class="fieldWrap">
  <label for="mobile_number">Mobile Number</label>
  <div class="intl-tel-input">
    <input name="Mobile Number" id="mobile_number" type="text" placeholder="Mobile Number" autocomplete="off">
  </div>
  <span style="margin: 0px; padding: 0px; left: 48px; top: 16px; display: block; position: absolute; z-index: 100000; cursor: text; background-color: transparent;">Mobile Number</span>
</div> 

我已经在很多地方寻找解决方案,但决定使用另一个jquery插件占位符,它现在工作得很好,即使在IE9上,这里是一个链接,你可以找到jquery插件https://github.com/natalan/jquery.formLabels