如何在HTML中使用form标签的action属性?

2 投票
1 回答
3705 浏览
提问于 2025-04-17 06:57

我在HTML的<form>标签里设置action属性时遇到了一些问题。

我打算创建一个删除按钮,点击后会弹出一个确认框,让用户确认是否真的要删除。

如果用户确认了,就会删除那个条目。

删除文件的链接是“deleteFile?ID=$file_name”。

这是我目前写的代码:

<form METHOD="LINK" action="deleteFile?ID=$fileID"
    <input TYPE="submit" VALUE="Delete">
</form>
</td>

你能帮我实现弹出确认框的功能吗?我写了一个JavaScript函数,叫做COnfirmDelete()

我还不能把所有的步骤都连起来,比如:

  1. 用户点击删除按钮。
  2. 弹出确认框,询问用户是否确认操作。
  3. 删除特定的文件。
  4. 返回到主页。

1 个回答

1

示例
http://jsfiddle.net/Xv2V4/2/
最好不要在HTML的script标签里写脚本,但JSfiddle不会识别我在下面定义的函数。

JavaScript

function ConfirmDelete() {

    /* if you need to check this ID or sth. else. */
    var fileId = document.getElementById("fileId"); 

    var user_confirm = confirm('Really delete this file?');

    /* Check your file ID or whatever you want to check here. */
    return user_confirm;
}

HTML

<form method="GET" action="deleteFile" onsubmit="return ConfirmDelete();">
    <!-- print $fileID with python to have it in HTML -->
    <input type="hidden" id="fileId" name="ID" value="$fileID" />
    <input type="submit" value="Delete" />
</form>

撰写回答