required属性和autofocus属性

Sucan
2021-09-01 / 0 评论 / 258 阅读 / 正在检测是否收录...

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>

运行如图:
Test

当不输入内容,点击按钮就会出现下图:
Test

原文地址:https://www.jianshu.com/p/a9a6e5fa8a6f

特此存档

0

评论

博主关闭了所有页面的评论