div在新页面上打开，而不是停留在地图页面上

Question

我在使用L.draw插件创建标记后，尝试在地图外侧右侧显示输入表单按钮。但是，如果我单击创建的标记，表单按钮将在新页面上打开，而不是停留在地图所在的页面上。这是我的代码：

map.on('draw:created', function (e){
  var type = e.layerType;
  layer = e.layer;
  var marker_y = layer.getLatLng().lat;
  var marker_x = layer.getLatLng().lng;

var marker = drawnItems.addLayer(layer);

marker.on('click', function (e){

  document.getElementById('i').innerHTML = 

'<form role="form" id="form" enctype="multipart/form-data" class ="form-horizontal" >'+ 
'<h1>Beschreibung</h1>' +
'<label>text <input type="text" name="text" id="text"></label>' + '<br/>'  +
'<button type="button" class="btn btn-warning" id="ok">Add to Database</button>'+
'</form>';

 }); 

我的div的设置如下：

<div class="container">
 <div id="i">
 <div id="map">
</div>