我可以在链接中放置输入字段，而不使输入也成为链接吗?

Question

我有以下问题：我有一个时事通讯横幅，其中包含一些内容(文本，图标和东西)，最重要的是：电子邮件+提交按钮的输入。

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

这个问题有什么解决方案吗？

这是一个显示问题的小提琴： 尝试单击input，您会看到它将是一个链接。

https://jsfiddle.net/wu6js2v7/2/

顺便说一句：我只链接横幅对我来说没有解决方案

Answer 1

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

不。

规范说：

内容模型： 透明，但不得有交互式内容后代。

输入字段是交互式内容。

不使输入也成为链接？

那也不是。

Answer 2

好的，我有另一个想法，可以很好地解决这个问题。甚至更好的是 2 种可能性：

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

第二个是ofc Javascript，我在wrapperdiv中使用了"data-link"属性，这很神奇：

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