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

Javascript 是否可以在表单输入中仅加粗部分占位符文本(即默认值)?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,可能重复: 例如,如果我们有一个表单输入,其占位符文本为“探索世界,如法国巴黎”,CSS、jQuery、HTML5或任何其他可能的方法是否允许我们在表单输入中仅加粗部分文本,以呈现为:“探索世界,如法国巴黎” 我只知道允许我们将整个占位符文本加粗的方法,完全呈现为“探索世界,例如法国巴黎” 通过举例说明,此问题的目标如下: 使用标准输入[type=text]字段无法实现这一点。您可以尝试覆盖HTML,但某些浏览器将输入字段作为控件处理,不会表现为常规HTMLDOM元素 我将使用的方法如下:

可能重复:

例如,如果我们有一个表单输入,其占位符文本为“探索世界,如法国巴黎”,CSS、jQuery、HTML5或任何其他可能的方法是否允许我们在表单输入中仅加粗部分文本,以呈现为:“探索世界,如法国巴黎”

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

通过举例说明,此问题的目标如下:


使用标准输入[type=text]字段无法实现这一点。您可以尝试覆盖HTML,但某些浏览器将输入字段作为控件处理,不会表现为常规HTMLDOM元素

我将使用的方法如下:

<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>

div.input{边框:1px实心#aaa;宽度:300px;}
探索世界,如法国巴黎

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

另一个问题回答了这个问题:tl;dr:这不可能以任何直接的方式实现,但可以通过更精细的JS技巧来实现。不是在输入内部,不是。你必须创建一个自定义html覆盖。这不是关于输入值样式的问题的重复。可能是另一个的复制品question@Nate在搜索答案时没有看到其他问题,但我可能使用了其他关键字。投票结束,因为另一个问题中的答案也足以回答我的问题。谢谢你,嗯。。这里有一个有趣的概念。我必须对它进行更多的研究,但它似乎可以很好地工作。谢谢你的回答!不客气,伙计。现在我倾向于将div与contenteditable一起使用,因为UI设计/功能需求通常比标准输入更复杂。特别是如果我没有提交表单并通过JQuery使用AJAX调用,我只使用.text()或.html()方法获取div/字段内容。这是一种更加灵活的方法。您可以使输入更具交互性并执行多种功能。:-)玩得高兴