网页实现精准定位地址，像小程序一样显示在输入框

要实现网页调用地理位置Geolocation api和百度地图API，可以按照以下步骤进行：

在HTML文件中引入百度地图API的JavaScript文件和Geolocation api的JavaScript文件。

<script type='text/javascript' src='http://api.map.baidu.com/api?v=2.0&ak=fUmCszw7O7G8rBv2MO4MLLNIA5DNWLoj'></script>
<script type='text/javascript' src='https://code.jquery.com/jquery-3.5.1.min.js'></script>

在JavaScript文件中编写代码，实现获取地理位置并显示在输入框里。代码示例：

$(document).ready(function(){
  // 获取地理位置
  navigator.geolocation.getCurrentPosition(function(position){
    var longitude = position.coords.longitude;
    var latitude = position.coords.latitude;
    var geoc = new BMap.Geocoder();
    var point = new BMap.Point(longitude, latitude);
    // 通过百度地图API获取详细地址
    geoc.getLocation(point, function(rs){
      var addComp = rs.addressComponents;
      var address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
      // 将地址显示在输入框里
      $('#address-input').val(address);
    });
  }, function(){
    alert('获取地理位置失败');
  });
});

在HTML文件中添加一个输入框，用于显示地址。

<input type='text' id='address-input' placeholder='请输入地址'>

通过以上步骤，就可以在网页上实现调用地理位置Geolocation api和百度地图API，实现和小程序一样的精准定位地址，并在输入框里显示。