lute;
          content: '✓';
          padding-left: 5px;
        }
    </style>
   </head>
  <body>
    <form>
      <div>
        <label for="uname">输入用户名：</label>
        <input type="text" id="uname" name="name" required
               placeholder="4-8个小写字母"
               pattern="[a-z]{4,8}">
        <span class="validity"></span>
      </div>
      <div>
        <button>提交</button>
      </div>
    </form>
    <script>

    </script>
</body>
  </html>
