<div class="form-list"> <span><a href="{% url 'servers:server_kcditu' %}" style="color:blue;font-size:15px;text-decoration:underline;">*采集坐标</a></span> <input type="text" name="zhuobiao" value="{{ zhuobiao }}" placeholder="例：113.214781,23.406641"/> </div> 如何将超链接 修改为 按钮

您可以使用HTML中的 `<button>` 标签来将超链接修改为按钮，例如:

<button type="button" onclick="window.location.href='{% url 'servers:server_kcditu' %}'" style="color:blue;font-size:15px;text-decoration:underline;">采集坐标</button>

这将创建一个蓝色、带下划线的按钮，点击后跳转到指定的URL。您可以将 `onclick` 属性中的URL替换为您需要的URL。

相关问题

<div class="form-list"> <span>上传补点照片</span><input name="img" type="file" accept= "image/*" id="icon_input"> <span><a href="{% url 'servers:show_photo' server.id %}" style="color:blue;font-size:16px;text-decoration:underline;">现场照片</a></span> </div> 如何调整为 显示在同一行位置

你可以使用 CSS 中的 `display: inline-block;` 属性将这两个元素放在同一行中。可以将它们的外层元素设置为 `display: flex;` 或者 `display: inline-flex;` 进一步调整布局。以下是修改后的代码：

<div class="form-list" style="display: flex;">
  <span style="display: inline-block;">上传补点照片</span>
  <input name="img" type="file" accept= "image/*" id="icon_input" style="display: inline-block;">
  <span style="display: inline-block;"><a href="{% url 'servers:show_photo' server.id %}" style="color:blue;font-size:16px;text-decoration:underline;">现场照片</a></span>
</div>