Question

可能重复：
Is there a way to style part of an input field’s value?

例如，如果我们有一个表单输入，其占位符文本是“探索世界，例如巴黎，法国”，CSS，jQuery，HTML5或任何其他方法可以允许我们只在表单输入中加粗部分文本渲染为：“探索世界，例如巴黎，法国”。

我只知道允许我们加粗整个占位符文本的方法，完全呈现为“探索世界，例如巴黎，法国”。

通过举例说明，这是这个问题的目标：

goal

Answer 1

使用标准输入[type = text]字段无法实现此目的。您可以尝试覆盖HTML，但某些浏览器将输入字段作为控件处理，并且不会像常规html dom元素那样运行。

我会使用的方法是这样的：

<html>
<head>
  <style type="text/css">

    div.input { border:1px solid #aaa; width:300px; }

  </style>

</head>
<body>

    <div contenteditable="true" class="input"><strong>explore the world,</strong> e.g. paris, france</div>

</body>
</html>

希望这会有所帮助。祝你好运。

是否可以在表单输入中仅加粗部分占位符文本（即默认值）？

1 个答案: