是否可以在表单输入中仅将部分占位符文本(即默认值)加粗?

And*_*yer 4 html javascript css jquery

可能重复:
是否可以设置输入字段值的一部分样式?

例如,如果我们有一个表单输入,其占位符文本为“探索世界,例如巴黎,法国”,那么CSS,jQuery,HTML5或任何其他可能的方法是否可以使我们仅将表单输入中的部分文本加粗显示为:“ 探索世界,例如巴黎,法国”。

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

通过说明,这是此问题的目标:

目标

Bry*_*llo 5

无法使用标准input [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>
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助。祝好运。