html的textarea标签的⽂本显⽰,⽂本框样式简单设置html的textarea标签的⽂本显⽰,⽂本框样式简单设置
后端传递数据如何在textarea标签的⽂本框内显⽰,如下。
<textarea id="text"type="text"name="sign"v-model="text"class="sign"placeholder="默认显⽰⽂字的属性"></textarea>
<script>
</script>
如何从⽂本框中取值,如下。
< = text.value -----axios
text = test.innerHTML -----js
text = test.value -----js
text = $("#test").val() -----jq
text = $("#test").text() -----jq
text = $("#test").html() -----jq
placeholder属性,表⽰输⼊框⽆内容时默认显⽰的提⽰信息,默认建灰⾊字体。
textarea⽂本框样式基本设置
<style>
#text{
/*去掉右下⾓的斜杠,不允许⽂本框缩放*/
resize: none;
background: #FFFFFF;
/*将边框去掉*/
html内容文本框
border: 0;
/*设置宽度⾼度*/
height: 80px;
width: 400px;
/*设置字体⼤⼩*/
font-size: 18px;
/* placeholder位置提⽰靠左靠右居中等 */
text-align: left;
/* 其他样式还有不少,没有⽤就没查,需要可⾃⾏查看 */
}
</style>
textarea内⽂本换⾏,需要注意html⾥⾯的换⾏是/
标签,⽽textarea的换⾏是/n,当保存⽂本的时候会把换⾏符忽略掉,再展⽰的时候就没有换⾏符了,想解决需要使⽤js将/和/n进⾏替换。
html能⼒⼀般,仅供参考,有错误请指教
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论