css控制textarea固定大小不可拖动
有时候textarea和其他表单元素排列的太紧凑的话,用户拉动textarea就会影响整个页面的美观;
1,隐藏右下角可拖动状态条
resize:none;
2,控制高度宽度(可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。)
width: 300px;
height: 100px;
max-width: 300px;
max-height: 100px;
3,html5中textarae的一些属性
属性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 规定在页面加载后文本区域自动获得焦点。 |
cols | number | 规定文本区内的可见宽度。 |
disabled | disabled | 规定禁用该文本区。 |
form | form_id | 规定文本区域所属的一个或多个表单。 |
maxlength | number | 规定文本区域的最大字符数。 |
name | name_of_textarea | 规定文本区的名称。 |
placeholder | text | 规定描述文本区域预期值的简短提示。 |
readonly | readonly | 规定文本区为只读。 |
required | required | 规定文本区域是必填的。 |
rows | number | 规定文本区内的可见行数。 |
wrap |
|
规定当在表单中提交时,文本区域中的文本如何换行。。 |