数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学HTML DOM 单选输入框 autofocus 属性
HTML DOM input radio autofocus 属性与 HTML <input> 元素的 autofocus 属性相关。此属性用于设置或返回页面加载时单选按钮是否自动获得焦点。
语法
以下是语法：
设置 autofocus 属性。
radioObject.autofocus = true|false
这里，true 表示单选按钮应获得焦点，false 表示反之。默认设置为 false。
示例
让我们来看一个单选输入框 autofocus 属性的示例：
<!DOCTYPE html>
<html>
<body>
<h1>Input password autofocus property</h1>
<form>
RADIO: <input type="radio" id="rad1" name=”BTN” autofocus>
</form>
<br><br>
<button type=”button” onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
function FocusVal() {
var R = document.getElementById("rad1").autofocus;
document.getElementById("Sample").innerHTML = "The radio button has autofocus property
set to "+R;
}
</script>
</body>
</html>输出
这将产生以下输出：
点击“检查焦点”按钮后：
在上面的例子中：
我们创建了一个 type=“radio”，id=“rad1”，name=“BTN” 的输入字段，并且启用了 autofocus 属性，即设置为 true：
Password: <input type="password" id="rad1" name=”BTN”autofocus>
然后，我们创建了一个“检查焦点”按钮，当用户点击时，它将执行 FocusVal() 方法：
<button type=”button” onclick="FocusVal()">CHECK FOCUS</button>
FocusVal() 方法使用 getElementById() 方法获取 type 为 radio 的输入元素并获取其 autofocus 属性。autofocus 属性根据单选按钮 autofocus 属性值返回 true 或 false。此值被赋给变量 R，并使用其 innerHTML 属性显示在 id 为“Sample” 的段落中。
function FocusVal() {
var R = document.getElementById("rad1").autofocus;
document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R;
}
更新于：2019年8月21日
224 次浏览
广告