2023.11.11通过html内置“required-star“添加一个红色的星号来表示必填项

最新推荐文章于 2024-08-26 23:51:41 发布

原创最新推荐文章于 2024-08-26 23:51:41 发布 · 2.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

开发日记专栏收录该内容

70 篇文章

订阅专栏

本文介绍了如何在HTML中使用`<label>`标签配合`required-star`类，通过内置CSS样式添加红色星号来标识表单中的必填项。

2023.11.11通过html内置"required-star"添加一个红色的星号来表示必填项

在HTML中，可以使用标签来为元素添加说明。同时可以通过添加一个红色的星号来表示必填项。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <style>
        .required-star {
            color: red;
        }
    </style>
</head>
<body>
省略中间代码
       <label for="user">User <span class="required-star">*</span></label>
省略中间代码
</body>
</html>

在这里插入图片描述