HTML Form 傳值

今天碰到一個(gè) HTML 的問題,一個(gè)表單在提交后,到達(dá) action 指向的頁面后,在連接中所傳遞的值,都直接被刪除了的問題。比如 <form action="http://dest.com?id=1" method="GET"></form>,這個(gè)表單在提交后,網(wǎng)頁的鏈接為 http://dest.com? 而后面本來想要傳遞的值 id = 1 沒了。

以前在處理 form 的傳值上,多數(shù)為 POST method, 直接用 JS 提取表格內(nèi)輸入的值,這種方式因?yàn)轫?xiàng)目給的時(shí)候,用了這種方法,不想大改,就繼續(xù)沿用。出現(xiàn)這個(gè)問題的原因是,在提交表單后,瀏覽器會(huì)自動(dòng)用表單里面的內(nèi)容生成新的 key=value 來替換掉原來問號(hào)后面的內(nèi)容。

正確的做法也挺簡(jiǎn)單,如下

<form action="http://dest.com?id=1" method="GET">
    <input type="hidden" name="id" value="1">
</form>

這樣就搞定了。

更多例子和解釋參照:http://stackoverflow.com/questions/1116019/submitting-a-get-form-with-query-string-params-and-hidden-params-disappear

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容