在开发网页时,有时我们需要让用户输入大量的文字信息,比如反馈、评论或长篇描述。这时,单行的文本输入框就显得不够用了。HTML 提供了一种非常方便的方式来实现多行文本输入的功能,那就是使用 `
什么是 `
`
基本语法
```html
这里可以预先填充默认文本
```
- name:用于标识这个输入框的名称,在提交表单时会作为键值对的一部分。
- rows:定义文本区域的高度(以行数表示)。
- cols:定义文本区域的宽度(以字符数表示)。
- 内容部分:可以放置一些初始文本,这些文本会在页面加载时显示在文本框中。
示例代码
下面是一个简单的例子,展示如何在网页上创建一个多行文本输入框:
```html
请填写您的反馈
```
在这个例子中:
- `rows="10"` 设置了文本框的高度为 10 行。
- `cols="50"` 设置了文本框的宽度为 50 个字符。
- 初始文本“请输入您的详细反馈...”会出现在文本框内,当用户开始输入时会自动消失。
高级用法
除了基本的属性外,还可以通过 CSS 来美化 `
例如,使用 CSS 改变边框样式:
```css
textarea {
width: 100%;
height: 150px;
padding: 10px;
box-sizing: border-box;
border: 2px solid ccc;
border-radius: 4px;
}
```
这样可以让文本框看起来更加美观和专业。
总结
通过使用 `