如何利用CSS3属性控制textarea文本域限制拖动
的有关信息介绍如下:textarea文本域和text输入框不同,文本域可以展示多行数据,可以自动换行,而文本框没有这样的功能。但是,文本域可以改变大小,可以进行拖动,如果用户随意拖动文本域,会改变页面展示的效果。所以,为了美化形象展示页面对象元素,需要禁止文本域拖动效果,下面利用一个具体的实例说明CSS3样式属性控制文本域拖动,操作如下:
第一步,打开HBuilder开发工具,创建Web项目,然后新建静态页面textarea.html,并修改title内容和引入核心js,如下图所示:
第二步,在
中插入一个div,在中添加一个textarea,设置文本域行数和列数,如下图所示:第三步,预览该静态页面,发现文本域右下方有个可以拖动的图形,如下图所示:
第四步,选择文本右下方拖动图标,改变文本域大小,如下图所示:
第五步,利用ID选择器,设置文本域样式resize属性为none,如下图所示:
第六步,再次预览该静态页面,发现文本域无法拖动,如下图所示: