Javascript 文本区域中大写单词的问题

假设我有一个

和一个

以及一些javascript，在那里我将

的值发送到

，并添加一些额外的文本，如下面的代码片段

---

在我的

样式中，我有属性

文本转换：大写
，我无法将文本从
input>
发送到
，并保持文字大写

如果我对
进行
文本转换：大写
，它会使每个不需要的单词都大写

我该怎么做


函数sendText（）{
var输入=document.getElementById（“输入”）；
var textarea=document.getElementById（“textarea”）；
textarea.value=“我的名字是”+input.value；
}
输入{
右边距：10px；
浮动：左；
文本转换：大写；
}
文本区{
高度：30px；
宽度：140px；
浮动：左；
}
CSS只是CSS，它不会改变字段的值。您需要自己将价值资本化：


函数sendText（）{
var输入=document.getElementById（“输入”）；
var textarea=document.getElementById（“textarea”）；
textarea.value=“我的名字是”+大写（input.value）；
}
函数大写（str）{
return str.replace（/\b\w/g，函数（char）{return char.toUpperCase（）；}）；
}
input{margin right:10px；float:left；text transform:capitalize}textarea{height:30px；width:140px；float:left}
CSS只是CSS，它不会改变字段的值。您需要自己将价值资本化：


函数sendText（）{
var输入=document.getElementById（“输入”）；
var textarea=document.getElementById（“textarea”）；
textarea.value=“我的名字是”+大写（input.value）；
}
函数大写（str）{
return str.replace（/\b\w/g，函数（char）{return char.toUpperCase（）；}）；
}
input{margin right:10px；float:left；text transform:capitalize}textarea{height:30px；width:140px；float:left}
也许你可以试试这个？在这段代码中，我只是简单地将
textarea
更改为
contenteditable
进行样式设置。接下来，我制作了它，这样它就可以制作一个新元素


函数sendText（）{
var输入=document.getElementById（“输入”）；
var textarea=document.getElementById（“textarea”）；
textarea.innerHTML=“我的名字是”+input.value+”；
}
输入{
右边距：10px；
浮动：左；
}
#文本区{
高度：30px；
宽度：140px；
浮动：左；
边框：1px实心；
字体系列：Arial；
}
#名字{
文本转换：大写；
}
也许你可以试试这个？在这段代码中，我只是简单地将
textarea
更改为
contenteditable
进行样式设置。接下来，我制作了它，这样它就可以制作一个新元素


函数sendText（）{
var输入=document.getElementById（“输入”）；
var textarea=document.getElementById（“textarea”）；
textarea.innerHTML=“我的名字是”+input.value+”；
}
输入{
右边距：10px；
浮动：左；
}
#文本区{
高度：30px；
宽度：140px；
浮动：左；
边框：1px实心；
字体系列：Arial；
}
#名字{
文本转换：大写；
}

text-transform不应用于该值，而是将输入的第一个字符设为大写，
text-transform:capitalize
但是会影响调用element.innerText的结果。但是我还没有确认。innerText与input一起工作。text-transform不应用于该值，而是将输入的第一个字符设为大写，
text-transform:capitalize
会影响调用element.innerText的结果。但是我还没有确认。innerText与输入一起工作。