textarea提示文字代码

时间:2023-07-15 09:40:48

HTML 的 <textarea> 元素中添加提示文字(placeholder),您可以使用 placeholder 属性。这个属性定义了在用户输入内容之前在 <textarea> 中显示的文本提示。

以下是一个示例代码:

<textarea placeholder="请输入文本..."></textarea>

上述代码中,placeholder 属性的值为 "请输入文本...",这个值将在 <textarea> 中显示为灰色的提示文字。当用户开始输入内容时,提示文字会自动消失。

您可以根据需要修改 placeholder 属性的值来显示不同的提示文字。提示文字通常用于提供对用户预期输入的指导或示例。

如果需要自定义提示文字的样式,您可以使用 CSS 来设置。例如,您可以改变提示文字的颜色、字体样式等。下面是一个带有自定义样式的示例:

<style>
textarea::placeholder {
color: #999;
font-style: italic;
}
</style>

<textarea placeholder="请输入文本..."></textarea>

在上述示例中,使用了 CSS 的 ::placeholder 伪元素来选择 <textarea> 中的提示文字,并设置了颜色为灰色 (#999),字体样式为斜体 (italic)。

这样,您可以使用 placeholder 属性来为 <textarea> 元素添加提示文字,并通过 CSS 进行样式设置

相关词 textarea