【问题标题】:HTML5 input placeholder that keeps showing (even when typing?)不断显示的 HTML5 输入占位符(即使在键入时?)
【发布时间】:2012-12-07 12:51:27
【问题描述】:

可以像下面的截图那样做吗?输入是数字类型,“px”是输入自己自动添加的(不能更改)。

【问题讨论】:

  • 请澄清您的问题。即使您在那个文本栏中输入,您是否希望“0 px”继续显示?
  • 您可以在JQuery 中获取placeholder 吗?

标签: css forms html input


【解决方案1】:

您可以使用 span 元素覆盖您的输入,该元素在右侧具有文本 px

【讨论】:

  • @Andy 谢谢,懒得自己做。
【解决方案2】:

它不是占位符。占位符仅用于向用户指示预期的输入类型。

你可以:

  1. 使用JS检查用户值,并在字符串中添加“px”,
  2. 创建一个“px”的小矢量图像,并将其设置为位于右侧的文本框背景。

【讨论】:

    【解决方案3】:

    您可以通过 document.getElementById 获取输入的值,然后将 'px' 添加到该值。最后,您可以在输入中设置该值。

    【讨论】:

      猜你喜欢
      • 2020-03-06
      • 2020-06-20
      • 1970-01-01
      • 2021-11-28
      • 1970-01-01
      • 2011-11-16
      • 2011-05-08
      • 1970-01-01
      • 2016-03-04
      相关资源
      最近更新 更多