textarea属性 html 中textarea完整用法
你是否想了解更多关于textarea属性和html 中textarea完整用法的知识?在本文中,小编将为您详细介绍这两个话题,帮助您更好地理解。
在HTML中的textarea 怎么修改里面的字体大小颜色等等
在html中textarea的字体大小可以用“font-size”属性来修改,字体颜色可以用“color”来修改。
1、新建html文档,在body标签中添加textarea标签,然后在这个标签中输入一段文字:
2、为textarea标签添加“font-size”属性,属性值为字体的大小,这时文字将会变大:
3、为textarea标签设置“color”属性,属性值为颜色,这里以红色为例,此时的文字将会变成红色:
html 中textarea完整用法
HTML中的标签textarea的属性及用法:
1、cols,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字。另外要注意的是,文本框的宽度就是通过这个来调整,输入好cols的数值,然后再定义输入文字字体的大小(不定义的话,会采用默认值),那么文本框的宽度就确定了。
2、rows,水平列。表示可显示的行数,例如rows=10,表示可显示10行。超过10行,则需要拖动滚动条来浏览了。
3、name,文本框的名称,这项必不可省,因为存储文本的时候必须用到。
4、warp,当warp="off"表示该文本区域中不自动换行,当然不写默认是自动换行的。这个参数一般用得比较少。
5、style,这是个非常实用的参数,可以用来设置文本框的背景色,滚动条颜色及形式,边框色,输入字体的大小颜色等等。
6、class,一般用来调用外部css里边的设置。
怎么设置textarea的高宽
1、首先打开dreamware软件,然后新建一个文件,如图所示。
2、然后在文档<body>里面写入代码,新建textarea文本框,用列高来设置高度,如图所示。
3、列高来设置高度,效果图展示如下。
4、还可以在打开的文档<body>里面写入代码,新建textarea文本框,直接给该属性写入宽度和高度,如图所示。
5、用文本框属性的高度设置高度,效果图展示如下。
textarea value 到底该怎么赋值
textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
属性:
Common--一般属性
cols--多行输入域的列数
rows--多行输入域的行数
alt--代表表单的提示文字,当鼠标停留时
accesskey--表单的快捷键访问方式
disabled--输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly--输入域可以选择,但是无法修改
tabindex--输入域,使用"tab"键的遍历顺序
引用网址:http://www.dreamdu.com/xhtml/tag_textarea/
没见value属性,但实际还可用,赋值时用innerText、innerHTML、value都可以,如下:
<html>
<head></head>
<script type="text/javascript">
function changeTextArea(){
document.getElementByIdx_x("myTextArea").innerText=document.getElementByIdx_x("myTextArea").innerText+"\ninnerText is ok!";
document.getElementByIdx_x("myTextArea").innerHTML=document.getElementByIdx_x("myTextArea").innerText+"\ninnerHTML is ok!";
document.getElementByIdx_x("myTextArea").value=document.getElementByIdx_x("myTextArea").innerText+"\nvalue is ok!";
}
</script>
<body>
<textarea name="myTextArea" cols="80" rows="10">原始值</textarea>
<input type="button" value="按钮" onclick="changeTextArea()"/>
</body>
</html>
好了,本文到此结束,如果可以帮助到大家,还望关注本站哦!