css - 希望 html 代码将消息作为警告显示，但我不希望它显示在单独的框中，我也不希望显示任何按钮

Question

我必须添加一条消息以向用户显示他已经进行了一些更改，但我不希望它在单独的框中。我有一个摘要页面，我想在其中添加此信息，但我想确保读者看到它。所以我想要黄色背景中的消息，以及带有它的警告图像，并且没有按钮。我不希望它作为一个盒子，我只希望它作为一个没有任何按钮的普通消息，我想将它添加到我的摘要视图的末尾。请告诉我用于它的 html 和 css 代码。或者，如果有任何选项可以让我制作一个像这样显示的高级组件，我可以只渲染该组件。

Answer 1

您可以使用 HTML5 验证

例如：

Your Name: <input type="text" name="name" required>

或者

您可以使用 javascript/jquery 验证。

如果您想使用成功、警告和错误消息，您需要使用服务器端语言，例如 php、java 或 c#

对于样式，您可以查看此链接

Answer 2

HTML 没有专门为用户通知设计的元素。

在 HTML5 中，您可能希望将通知放在一个<section>元素中。在 HTML 4 中，您可能只使用<div>.

您可以将内容包装在<em>or<strong>标记中，因为它们传达了重点，而通知旨在吸引用户的注意力。