HTML autofocus属性用法及代码示例

HTML中的autofocus属性用于指定元素在页面加载时应该获得焦点。这是一个布尔属性。

注意：它仅支持以下元素：<按钮>，<输入>，<选择>和<文本区域>

用法:

<elementName autofocus>

范例1：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>HTML autofocus Attribute</title> 
    </head> 
    <body style = "text-align:center;"> 
        <h1 style = "color:green;">GeeksforGeeks</h1> 
        <h2>HTML autofocus Attribute</h2> 
        <form> 
            <label>First Name:
                    <input type="text" autofocus  
                            placeholder = "Enter Name"> 
            </label>           
        </form> 
    </body> 
</html>

输出：
autofocus

范例2：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>HTML autofocus Attribute</title> 
    </head> 
    <body style = "text-align:center;"> 
        <h1 style = "color:green;">GeeksforGeeks</h1> 
        <h2>HTML autofocus Attribute</h2> 
       <textarea rows="3" cols="30" autofocus> 
            A computer science portal for geeks. 
        </textarea> 
    </body> 
</html>

输出：
autofocus

支持的浏览器：下面列出了autofocus属性支持的浏览器：

谷歌浏览器5.0
Internet Explorer 10.0
Firefox 4.0
Opera 9.6
苹果Safari 5.0

相关用法

注：本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 HTML | autofocus Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。