Javascript 如何使输入文本字段中的一些文本变为粗体？
我试图在输入文本字段中获取特定于粗体的文本。我不知道该怎么做，因为html代码不是在文本字段中解释的，所以像Javascript 如何使输入文本字段中的一些文本变为粗体？,javascript,html,text,input,bold,Javascript,Html,Text,Input,Bold,我试图在输入文本字段中获取特定于粗体的文本。我不知道该怎么做，因为html代码不是在文本字段中解释的，所以像这样的东西都不起作用。可以只加粗一些文本吗？像bold（）这样的方法仅在字符串周围添加 谢谢可能的解决方案是使用可编辑的div，如下所示： <div contentEditable="true"> Lorem <b>ipsum</b> dolor </div> 同侧阴唇 如果您试图以表单形式提交此值，则必须使用JavaScrip
谢谢可能的解决方案是使用可编辑的div，如下所示：
<div contentEditable="true">
Lorem <b>ipsum</b> dolor
</div>
同侧阴唇
如果您试图以表单形式提交此值，则必须使用JavaScript获取此div的innerHTML并将其分配给隐藏的输入或其他内容。这取决于您希望支持的浏览器。如果您只想支持HTML5浏览器，只需插入一个设置了contenteditable标志的div，并使用css将其样式设置为输入
<div contenteditable>Text <b>bold</b></div>
文本粗体
<div>
<input type="text" style="font-weight: bold;" value="Bold text" />
<input type="text" value="This is not" />
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<title>transp</title>
<style>
div{
position:relative;
}
input, span{
top:0;
position:absolute;
width:120px;
}
span{
top:2px;
left:2px;
z-index:1;
overflow:hidden;
}
input{
background:transparent;
z-index:2;
}
</style>
</head>
<body>
<div>
<input onkeyup="bold3(this)" />
<span id="back"></span>
</div>
<script>
function bold3(inp){
inp.style.color = 'transparent';
var span = document.getElementById('back');
span.innerHTML =
'<b>' +
inp.value.substr(0, 3) +
'</b>' +
inp.value.substr(3);
}
</script>
</body>
</html>
运输
div{
位置：相对位置；
}
输入，跨度{
排名：0；
位置：绝对位置；
宽度：120px；
}
跨度{
顶部：2个；
左：2px；
z指数：1；
溢出：隐藏；
}
输入{
背景：透明；
z指数：2；
}
功能3（inp）{
inp.style.color='透明'；
var span=document.getElementById（'back'）；
span.innerHTML=
'' +
输入值substr（0,3）+
'' +
输入值substr（3）；
}
您可以创建自己的