如何在HTML中自动选择当前日期？

在HTML中自动选择当前日期可以通过使用HTML5的日期输入类型来实现。以下是实现的步骤：

使用<input>标签，并将type属性设置为"date"，以创建一个日期输入框。

<input type="date" id="dateInput">

使用JavaScript获取当前日期，并将其设置为输入框的默认值。可以通过Date对象和一些日期方法来实现。

<script>
    var currentDate = new Date();
    var year = currentDate.getFullYear();
    var month = ('0' + (currentDate.getMonth() + 1)).slice(-2);
    var day = ('0' + currentDate.getDate()).slice(-2);
    var formattedDate = year + '-' + month + '-' + day;
    document.getElementById("dateInput").value = formattedDate;
</script>

完整的HTML代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>自动选择当前日期</title>
</head>
<body>
    <input type="date" id="dateInput">

    <script>
        var currentDate = new Date();
        var year = currentDate.getFullYear();
        var month = ('0' + (currentDate.getMonth() + 1)).slice(-2);
        var day = ('0' + currentDate.getDate()).slice(-2);
        var formattedDate = year + '-' + month + '-' + day;
        document.getElementById("dateInput").value = formattedDate;
    </script>
</body>
</html>

这样，打开HTML页面时，日期输入框将自动选择当前日期。请注意，不同浏览器对日期输入框的显示和功能支持可能会有所不同。

腾讯云相关产品和产品介绍链接地址：