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

Question

我遇到以下问题：我有一个包含一些内容（文本，图标和内容）的简报横幅，最重要的是：输入电子邮件+提交按钮。

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

这个问题有解决办法吗？

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

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

顺便说一下：对于我来说，没有解决方案，只有派对链接横幅

Answer 1

  

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

没有

The specification says：

  

内容模型：   透明，但必须没有互动内容后代。

输入字段是交互式内容。

  

没有输入链接吗？

不是。

Answer 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();
});