1. 程式人生 > >文字框自動獲取焦點的兩種方式

文字框自動獲取焦點的兩種方式

文字框自動獲取焦點的兩種方式

1、html5的autofocus屬性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
圖書:<input type="text" name="book"><br/>
價格:<input type="text" name="price" autofocus>
</body> </html>

2、通過js的focus()方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
圖書:<input type="text" name="book"><br/>
價格:<input type="text" name="price" id="price"
>
<script> document.getElementById("price").focus(); </script> </body> </html>