网页如何实现和小程序一样的精准定位地址显示在输入框里

网页可以通过调用浏览器提供的地理位置API，在用户授权的情况下获取用户的位置信息。一般情况下，可以使用HTML5的Geolocation API来获取用户的位置信息。

通过以下步骤可以实现在输入框中显示用户当前位置：

在HTML中添加一个输入框，用于显示用户的位置信息。
在JavaScript中通过Geolocation API获取用户的位置信息。
将获取到的位置信息填充到输入框中。

以下是实现的示例代码：

HTML代码：

<input type="text" id="location" placeholder="请输入地址">

JavaScript代码：

// 获取用户位置信息
if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function (position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        var geocoder = new google.maps.Geocoder();
        var latlng = new google.maps.LatLng(latitude, longitude);
        // 使用Google地理编码服务解析位置信息
        geocoder.geocode({
            'latLng': latlng
        }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                if (results[1]) {
                    // 将位置信息填充到输入框中
                    document.getElementById('location').value = results[1].formatted_address;
                }
            }
        });
    });
}

需要注意的是，上述代码中使用了Google的地理编码服务，因此需要在页面中引入Google地图的JavaScript API。同时，获取用户位置信息需要用户授权，因此在实际应用中需要在页面中添加相关提示和说明