クライアント側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スタイルをお勧めします。

Answer 2

これは、JavaScriptを使用してencodeURIComponent()と呼び出すことで可能です。

ただし、Javascriptを無効にしてブラウザをサポートするには、サーバー上で実行する必要があります。

Answer 3

これは、サーバー側のエンコードでコードを導入する必要なしにHTMLだけを使用して行うことができますか？

いいえリンクはURIをとります。 %がエンコードされた文字の開始を示しているかどうか、または%の文字があるかどうかを判断する方法はありません。

動的にリンクを構築する場合は、すでにプログラミング言語を使用しています。エンコードルーティングを追加することは、どの言語でも簡単です。