如何在 HTML5 中加载页面时预先选择输入元素？

在 HTML5 中，我们可以使用 JavaScript 和 DOM 来预先选择输入元素。这意味着，在页面加载时，输入元素已选择并准备好用户输入。

步骤

以下是使用 JavaScript 和 DOM 预先选择输入元素的步骤：

1. 在 HTML 文件中，为输入元素添加 ID 属性。例如：

<input type="text" id="myInput">

2. 在 JavaScript 文件中，使用 querySelector() 方法选择要预先选择的输入元素。例如：

const myInput = document.querySelector('#myInput');

这将选择具有 ID myInput 的输入元素，并将其存储在 myInput 变量中。

3. 做出相应的更改。根据您的需求，可以修改输入元素的属性、样式等。例如：

myInput.value = 'Hello world!';
myInput.style.backgroundColor = 'yellow';

这将在加载页面时将输入元素的值设置为“Hello world!”并将其背景颜色设置为黄色。

结论

预先选择输入元素是一个非常有用的技术，可以改善用户体验并提高整体性能。使用 JavaScript 和 DOM，您可以轻松地预先选择输入元素并做出相应的更改。

示例代码片段：

const myInput = document.querySelector('#myInput');
myInput.value = 'Hello world!';
myInput.style.backgroundColor = 'yellow';