textarea 固定大小,滚动条,限制拖动,文字对齐等

FLowUs邀请链接:https://flowus.cn/login?code=AXNU63
FlowUs邀请码:AXNU63


取值:$("#ID").val();

控制大小:加 width,height 限制 (style="width:100px;height:200px;");row,col 限制 <textarea rows="5" cols="7"> ;

限制拖动:style="resize:none;

滚动条效果:style="overflow:scroll;

对滚动条隐藏:

  • 水平滚动条:style="overflow-x:hidden;
  • 垂直滚动条:style="overflow-y:hidden;

文字左对齐:
textarea会把开始标签到结束标签里的内容全部原样显示,包括空格和代码。
如果要让内容从左上开始显示,就必须不留空格,即 <textarea rows="" cols="">content</textarea>

但若 foreach 书写内容,且需要每次循环后换行 ,此时就需要 换行,且顶格写;

eg: 下面的代码对齐方式有意为之,foreach 顶边线书写;

<textarea id="ID"  style="width:100px;height:200px;overflow:scroll;resize:none;" >
<?php foreach($data as $val):?><?php echo $val;?><?php endforeach;?>
</textarea>

代码:(style 可单独提到css中书写)

<textarea id="ID"  style="width:100px;height:200px;overflow:scroll;resize:none;" >
content;
</textarea>
posted @ 2020-09-07 16:52  wbytts  阅读(232)  评论(0编辑  收藏  举报