Javascript 我是否可以在链接中放置输入字段，而不使输入也成为链接？

我有以下问题：我有一个带有一些内容（文本、图标和内容）的时事通讯横幅，最重要的是：电子邮件输入+提交按钮

现在，我想将整个时事通讯横幅链接到一个子页面，其中包含有关时事通讯的更多信息，但当我单击文本字段或submitbutton时，我会被重定向到链接

这个问题有什么解决办法吗

下面是一把小提琴，它显示了这个问题： 尝试单击

输入

，您会看到它将是一个链接

顺便说一句：它没有解决方案，我只党链接的旗帜

我可以在链接中放置输入字段吗

没有

:

内容模型： 透明，但必须没有交互式内容子体

输入字段是交互式内容

不让输入也成为链接

---

那也不行。

好吧，我有另一个主意，这个主意很管用。或者更好，甚至有两种可能性：

第一个是：绝对定位输入（在我的情况下不起作用，但可能会帮助其他人）

第二个是ofc Javascript，我在wrapperdiv中使用了一个“数据链接”属性，这就产生了神奇的效果：

$(".datalink_click").on("click", function(){
    var link = $(this).attr('data-link');
    window.location.href = link;
});
$(".datalink_click input").on("click", function(e){
    e.stopPropagation();
});

---

是的，我知道，但我希望能有一场戏。