输入电子邮件自动对焦属性HTML DOM中的DOM用于设置或返回页面加载时输入电子邮件字段是否应获得焦点。它反映了HTML自动对焦属性。
语法如下:
- 它返回自动对焦属性。
emailObject.autofocus
- 用于设置自动对焦属性。
emailObject.autofocus = "true|false"
true:设置电子邮件字段的焦点
false:为默认值。它定义了电子邮件字段没有得到关注
返回值:它返回一个布尔值, 该值表示电子邮件字段是否获得自动聚焦。
例子:本示例返回"输入电子邮件"自动聚焦属性。
<
!DOCTYPE html>
<
html>
<
head>
<
title>
HTML DOM Input Email autofocus Property
<
/title>
<
/head>
<
body>
<
h1>
lsbin<
/h1>
<
h2>
DOM Input Email autofocus Propertyt<
/h2>
E-mail: <
input type = "email" id = "email"
value = "https://www.lsbin.com/careers@lsbin.org" autofocus>
<
button onclick = "myGeeks()">
Click Here!
<
/button>
<
p id = "GFG" style = "font-size:25px;
color:green;
">
<
/p>
<
!-- Script to access input element with
type email attribute -->
<
script>
function myGeeks() {
var em = document.getElementById("email").autofocus;
document.getElementById("GFG").innerHTML = em;
}
<
/script>
<
/body>
<
/html>
输出如下:
在单击按钮之前:
文章图片
单击按钮后:
文章图片
示例2:本示例设置"输入电子邮件"自动对焦属性。
<
!DOCTYPE html>
<
html>
<
head>
<
title>
HTML DOM Input Email autofocus Property
<
/title>
<
/head>
<
body style = "text-align:center;
">
<
h1>
lsbin<
/h1>
<
h2>
DOM Input Email autofocus Property<
/h2>
E-mail: <
input type = "email" id = "email"
value = "https://www.lsbin.com/careers@lsbin.org" autofocus>
<
button onclick = "myGeeks()">
Click Here!
<
/button>
<
p id = "GFG" style = "font-size:25px;
color:green;
">
<
/p>
<
!-- Script to access input element with
type email attribute -->
<
script>
function myGeeks() {
var em = document.getElementById("email").autofocus
= "false"
document.getElementById("GFG").innerHTML
= "The value of the autofocus attribute"
+ " was changed to " + em;
}
<
/script>
<
/body>
<
/html>
输出:
在单击按钮之前:
文章图片
单击按钮后:
文章图片
支持的浏览器:支持的浏览器DOM输入电子邮件自动对焦属性下面列出:
- 谷歌浏览器
- IE浏览器
- 火狐浏览器
- 歌剧
- 苹果浏览器
推荐阅读
- Rest API和Web Socket API之间的区别
- PHP Ds\Sequence remove()函数用法示例
- Redpine Signals,Inc海得拉巴面试经历|S1
- Linux中的Gzip命令用法介绍和示例
- double_click方法– Selenium Python中的动作链
- 光学计算概论(介绍、优点和缺点)
- 生成一个字符串,其所有K大小的子字符串都可以串联形成给定的字符串
- 给定字符串中频率为K的每个不同字符的最大索引
- 使用数组从质因数只有2和3的范围中计数数字|S2