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)