textarea行内块元素,在同一行显示,可以设置宽高,留言、发微博、发朋友圈可以用<textarea>标签,<textarea>标签是双标签。
textarea也有placeholder属性,可以设置提示内容。
textarea标签需要设置宽度和高度,写法如下:
.text-box {
width: 320px;
height: 100px;
}
<textarea class="text-box" placeholder="请输入内容"></textarea>
效果如下:
此时用户可以拖拽输入框,如果想要设置用户不能拖拽文本输入框,则设置resize: none;,具体代码如下:
.text-box {
width: 320px;
height: 100px;
/* 禁止用户拖拽缩放输入域标签 */
resize: none;
}
<textarea class="text-box" placeholder="请输入内容"></textarea>
此时就实现了用户不能拖拽文本框,效果如下: