Question

How can one encode query parameters of a URL which is displayed as a hyperlink.

Example of such a hyperlink:

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

I want so use only html capabilities to do this.

I can partially accomplish this with an html form using http get method but then I cant see the hyperlink and instead have to use a submit button(which I dont want to use):

<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>

Note that values of query parameters are rendered dynamically and can therfore contain special characters which must be encoded before sending them to the web server through http get method.

Can this be done using just HTML without need for introducing code at server-side encoding ?

Answer 1

You can style a button to look like a hyperlink:

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

You’ll probably also want :hover and :active styles.