textarea默认提示文字
在网页开发中，我们经常需要在表单元素中添加一些提示信息，以帮助用户理解他们需要输入什么内容，对于文本区域（textarea）元素，我们可以使用默认提示文字来达到这个目的，默认提示文字会在文本区域为空时显示，当用户开始输入时，提示文字会消失。
下面是一个简单的示例，演示如何使用HTML和CSS实现textarea的默认提示文字：
<!DOCTYPE html>
<html>
<head>
<style>
.textarea-container {
position: relative;
}
.textarea-container textarea {
width: 300px;
height: 100px;
}
.textarea-container .placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #888;
font-size: 16px;
text-align: center;
line-height: 100px;
opacity: 0.5;
}
</style>
</head>
<body>
<div class="textarea-container">
<textarea placeholder="请输入内容"></textarea>
<div class="placeholder">请输入内容</div>
</div>
</body>
</html>
在这个示例中，我们使用了两个HTML元素：一个`textarea`元素和一个`div`元素，我们将`div`元素设置为`placeholder`类，并使用CSS将其绝对定位在文本区域上方，我们还设置了`opacity`属性为0.5，使提示文字半透明，以便用户可以清楚地看到他们需要输入的内容。
当用户开始在文本区域中输入内容时，提示文字会消失，如果用户清空文本区域，提示文字会再次显示，这是因为我们使用了`placeholder`属性来设置提示文字，当用户开始输入时，`placeholder`属性会消失，而当文本区域为空时，`placeholder`属性会再次显示。
