在表单必填项之前加上提示

最新推荐文章于 2024-05-22 18:10:50 发布

侠之大者为国为民

最新推荐文章于 2024-05-22 18:10:50 发布

阅读量2.5w

点赞数 5

分类专栏： javascript 文章标签： javascript html css

本文链接：https://blog.csdn.net/sofeien/article/details/54613022

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

表单必填项之前加入红色的*符号

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap.min.css">
    
    <title>Personal Portfolio</title>
    <style>
                
    </style>
</head>
<body>
    <div class="container">
    <form role="form">
        <div class="form-group">
            <label for="name">姓名</label>
            <input id="name" type="text" class="form-control" placeholder="请输入用户名" required>
        </div>
        <div class="form-group">
            <label for="pwd">密码</label>
            <input id="pwd" type="password" class="form-control" required>
        </div>
        <button type="submit">提交</button>
    </form>
    </div>
    <!--  加载第三方js库  -->
      <script src="jquery.min.js"></script> <script src="bootstrap.min.js"></script>        <!--  自定义javascript  -->    <script>        $('input[required]').before('<span style="color:red">*</span>');    </script></body></html>