EduCoder-Web程序设计基础-html5— 对表单进行验证-第2关：非空校验

本文链接：https://blog.csdn.net/weixin_51402180/article/details/121713563

任务描述

本关任务：创建一个单行文本框，并要求该文本框的值不能为空。

编程要求

根据提示，在右侧编辑器补充代码，在右侧编辑器中的Begin - End区域内补充代码，具体要求是：
1.在form>中创建一个1个不超过6位的密码输入框。
2.要求用户必须填写密码。
3.用户鼠标悬停在密码框上时，显示提示文字“请输入不超过6位的密码！”。
运行效果如下：

密码：
•••••••••

测试说明

平台会对你编写的代码进行测试：
补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。

越努力越幸运，祝你成功！

代码示例

 <html>
  <head>
   <meta charset="utf-8"/>
   <title>设置非空校验</title>
  </head>
  <body>
   <form>
      密码：
   <!-- ********* Begin ******* -->
      <form>
     用户名：<input type="password"  required="required" title="请输入不超过6位的密码！" maxlength="6">
    <input type="submit"  value="提交"
      </form>
   <!-- ********* End ********* -->
       <input type="submit"  value="提交"/> 
    </form>
  </body>
 </html>