创建一个好看的文本区域

文本区域是网页上的一个元素，您可以键入内容。 它们通常用作评论区、联系表格或地址输入区域。 所有浏览器都为文本区域设置了默认样式，但样式各不相同。 您也可以像其他元素一样使用 CSS 控制文本区域并设置样式。

textarea#styled {
	width: 600px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

在本例中，id 为“styled”的文本区域显式设置了宽度和高度，并应用了边框和填充、设置了默认字体，以及应用了背景图像。

文本区域还支持其他一些功能，可帮助您控制它们的审美行为。 具体而言，“onfocus” 和 “onblur”，您可以在内联中应用并使用 JavaScript 命令，例如：

<textarea name="styled-textarea" id="styled" onfocus="this.value=''; setbg('#e5fff3');" onblur="setbg('white')">Enter your comment here...</textarea>

这将在文本区域处于活动状态时将其背景颜色更改为浅绿色，并在其处于非活动状态时更改回白色。 只需在页面上的某个位置包含此简单脚本即可。

function setbg(color)
{
document.getElementById("styled").style.background=color
}

* 创建一个 .js 文件并在您的标题中链接到它，或者将其放在 `