javascript - 即使在 IE9 上没有点击 x 也显示占位符

标签 javascript jquery html css internet-explorer

我正在使用 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

关于javascript - 即使在 IE9 上没有点击 x 也显示占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31555893/

相关文章:

html - 将 Bootstrap 的自定义文件输入光标设置为指针

javascript - JQuery Slider 动画只发生一个周期

javascript - IE11未发起CORS请求

javascript - div点击事件在iframe结束时不上升?

javascript - 哇 slider 图像

javascript - 恢复全屏 div 的大小

php - 捕获YouTube播放器的开始按钮和观看的秒数

javascript - 交换内容后如何刷新div的表格宽度样式?

java - 基于文本的水印?

javascript - Ajax和PHP session 问题,简单测试不起作用