怎么设置HTML文本域的宽高度
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么设置HTML文本域的宽高度相关的知识，希望对你有一定的参考价值。
参考技术A <textarea cols="30" rows="10"></textarea>这里的cols rows就可以控制高度和宽度 参考技术B 虽然cols rows可以控制宽高，但是textare有个问题，在火狐中可以随意拖动大小，所以还是给它一个样式吧，并加上属性resize:none;
当然如果觉的可以拖动大小无关紧要，那就无所谓了。 参考技术C style=‘with：100px；hieght:100px;’
Html-文本域
介绍
<textarea> 文本域，可以输入多行文本。
属性
| 属性 | 翻译 | 说明 |
| autofocus | 自动对焦 | 当页面加载时自动获得焦点 |
| disabled | 禁用 | 禁用文本区域 |
| form | 表单 | 规定所属表单（一个或多个） |
| maxlength | 最大长度 | 限制文本域最大字符数 |
| name | 名字 | 文本域名字 |
| placeholder | 占位符 | 输入提示，有文本输入后将不显示 |
| readonly | 只读 | 规定文本只读 |
| required | 需要 | 在表单提交时文本域必须写 |
| wrap | 换行 | 当文本达到最大值时怎样换行 |
案例
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>多行文本</title>
<style>
textarea
width: 600px;
height: 300px;
resize: none;
</style>
</head>
<body>
<h1>多行文本输入框-文本域</h1>
<div>
<textarea name="" id="" cols="30" rows="10" placeholder="请输入您想说的话"></textarea>
</div>
</body>
</html>
以上是关于怎么设置HTML文本域的宽高度的主要内容，如果未能解决你的问题，请参考以下文章