HTML表单：输出＃作为URL的一部分

Question

如果在输入字段中输入YZ56765ZX，表单应生成以下URL：

http://www.example.com/quick-access/?track-code#trackingIds=YZ56765ZX

表格：

<form enctype="text/plain" action="http://www.example.com/quick-access/">
    <input type="text" name="track-code#trackingIds" id="keys" />
    <button type="submit">Search</button>
</form>

问题是我无法生成包含：#字符的网址。 #将改为%23。

Answer 1

我认为你不能使用这些保留的符号。考虑阅读"Reserved Characters" (RFC 3986)。

您仍然可以尝试this JSFiddle之类的内容。

＆＃13;

＆＃13;

document.getElementsByTagName('form')[0].onsubmit = function() {
    this.action += '?track-code#trackingIds=' + this.keys.value;
}

＆＃13;

<form enctype="text/plain" action="http://www.example.com/quick-access/">
    <input type="text" id="keys" />
    <button type="submit">Search</button>
</form>

＆＃13;

＆＃13;

＆＃13;