更改textarea字段中的字体和字体大小
[英]Changing the Font and font Size in a textarea field
问题描述
使用以下代码示例：
<html>
<body>
<script language = "Javascript">
maxL=240;
var bName = navigator.appName;
function taLimit(taObj) {
if (taObj.value.length==maxL) return false;
return true;
}
function taCount(taObj,Cnt) {
objCnt=createObject(Cnt);
objVal=taObj.value;
if (objVal.length>maxL) objVal=objVal.substring(0,maxL);
if (objCnt) {
if(bName == "Netscape"){
objCnt.textContent=maxL-objVal.length;}
else{objCnt.innerText=maxL-objVal.length;}
}
return true;
}
function createObject(objId) {
if (document.getElementById) return document.getElementById(objId);
else if (document.layers) return eval("document." + objId);
else if (document.all) return eval("document.all." + objId);
else return eval("document." + objId);
}
</script>
<font face="Arial" font size="2">
Maximum Number of characters for this text box is 240.</font><br>
<textarea onKeyPress="return taLimit(this)" onKeyUp="return taCount(this,'myCounter')" name="Message" rows=6 wrap="physical" cols=42>
</textarea>
<br>
<font face="Arial" font size="2">
You have <B><SPAN id=myCounter>240</SPAN></B> characters remaining
for your message</font>
</body>
</html>
如何更改textarea中的字体和字体大小？
2 个解决方案
解决方案1
20 2010-12-20 14:15:39
使用CSS为textarea元素定义样式。 例如：
textarea {
font-size: 20pt;
font-family: Arial;
}
请注意，有三种方法可以将CSS添加到您的网站 - 您可以使用外部样式表，内部样式表或内联样式（或其组合）。
使用内部样式表可能如下所示：
<head>
<style type="text/css">
textarea {
font-size: 20pt;
font-family: Arial;
}
</style>
</head>
<!-- rest of your code goes here... -->
有关样式textarea更多信息，请参见此处 。
解决方案2
1 2015-03-22 15:16:41
我知道这很老了，但我相信有人可以使用这些信息：
使用Iframe并初始化它以在页面加载时运行并隐藏textarea ...如果你想制作一个WYSIWYG编辑器，这会有所帮助。
html页面：onLoad =“iFrame（）”
js page：function iFrame（）{name.document.designMode ='on'; name.document.execCommand（ '的fontName'，假 “宋体”）;
}
更改 Ckeditor 的 textarea 的默认字体大小
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.