textarea文本编辑域是经常使用的一个标签,但是该标签在默认情况下是能够改变其大小的,这就带来一个问题——任由用户拖改其大小对整个页面的布局可能是一个重大的威胁,怎样解决问题呢?
方法一:将其编辑域的初始宽高和最大宽高设为相同。或者将最大宽高设定在某一范围内(保证编辑域最大时不会影响到页面的美观)。
方法一:将其编辑域的初始宽高和最大宽高设为相同。或者将最大宽高设定在某一范围内(保证编辑域最大时不会影响到页面的美观)。
0分下载demo:textarea 文本编辑域大小的思考 demo 01
方法二:上面的方法能够达到效果。但是假设通过将编辑域的初始宽高和最大宽高设为相同这样的方式禁止改动文本编辑域的大小,那么页面上编辑域右下角相同会留下能够拖动的类“三角”(仅仅是不起作用罢了),要去掉该拖动的类“三角”能够使用还有一种方式——去掉样式中最大宽度和最大高度的属性,加入resize样式并将其值设为none。0分下载demo:textarea 文本编辑域大小的思考 demo 02
拓展:深度认识resize
resize缩放属性是CSS3中新增的,这个属性能够应用到随意元素。resize属性有下面几个值:
none:禁止用户通过拖动改动文本编辑域的大小。
both:用户能够通过拖动改动文本编辑域的宽度和高度;
horizontal:用户仅仅能通过拖动改动文本编辑域的宽度。
vertical:用户仅仅能通过拖动改动文本编辑域的高度。
inherit:默认继承,即也使用和上一级父元素相同的宽度和高度。