本教程介绍了如何使用HTML创建一个密码输入框，要求用户必须填写且长度不超过6位。通过required属性实现非空校验，title属性用于显示提示信息。当鼠标悬停在密码框上时，会显示'请输入不超过6位的密码！'作为提示。
任务描述
本关任务：创建一个单行文本框，并要求该文本框的值不能为空。
相关知识
为了完成本关任务，你需要掌握：1.文本框的设置，2.required属性，3.maxLength属性。
非空校验示例
在表单text类型的input标签中添加required属性，可以设置文本框的值不能为空；在该标签中通过title属性可以设置相关的提示信息。
用户名：
15343480696
编程要求
根据提示，在右侧编辑器补充代码，在右侧编辑器中的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>
扫一扫
6079
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
