html - 超链接中查询参数的客户端 URL 编码

Question

如何对显示为超链接的 URL 的查询参数进行编码。

这种超链接的例子:

<a href="http://site/page.html?param1=value1&param2=value2">MyPage</a>

我希望只使用 html 功能来执行此操作。

我可以使用 http get 方法通过 html 表单部分完成此操作，但是我看不到超链接，而是必须使用提交按钮(我不想使用):

<form method="get" action="http://site/page.html"> MyPage
 <input type="hidden" name="param1" value="value1"/>
 <input type="hidden" name="param2" value="value2"/>
 <input type="submit" />
</form>

请注意，查询参数的值是动态呈现的，因此可以包含特殊字符，在通过 http get 方法将它们发送到 Web 服务器之前必须对其进行编码。

这是否可以仅使用 HTML 来完成，而无需在服务器端编码中引入代码？

Answer 1

您可以将按钮样式设置为看起来像超链接:

input.LinkButton {
    border: none;
    padding: 0;
    background: transparent;
    color: blue;
    text-decoration: underline;
    display: inline;
    cursor: pointer;
}

您可能还需要 :hover 和 :active 样式。