required属性： 在提交时，如果元素中内容为空白，则不允许提交，同时在浏览器中会弹出提示文字。
autofocus属性 ：当页面打开时，该控件自动获得光标焦点
required属性和autofocus属性的代码如下：
<!DOCTYPE html>
<head>
<title>required属性和autofocus属性 的使用示例</title>
<meta charset="UTF-8">
</head>
<form action="demo_form.asp" method="get">
Name: <input type="text" name="usr_name" required="required" autofocus />
<!--autofocus:当页面打开时，该控件自动获得光标焦点 -->
<input type="submit" />
<!-- 提交按钮 -->
<input type="reset" />
<!-- 重置按钮 -->
</form>运行如图：
当不输入内容，点击按钮就会出现下图：
原文地址：https://www.jianshu.com/p/a9a6e5fa8a6f
特此存档
评论 (0)