2012-10-12 87 views
2

將新人總計到HTML這裏。將表單輸入值傳遞給URL

我正在創建一個搜索框,將輸入的搜索項傳遞到URL字段。

這是我的輸入形式:

<form name="search" action="/search/" method="post"> 
    <input type="text" name="topic" value=""> 
</form> 

我想在URL中/search/後的搜索詞去。如何才能做到這一點?

謝謝。

回答

5

使用GET表單方法:

<form name="search" action="/search/" method="GET"> 
    <input type="text" name="topic" value="" /> 
</form> 

編輯:

爲了讓形式向用戶發送到一個URL如/搜索//,您可以使用JavaScript函數是這樣的:

function submitForm(){ 
    var url = '/search/'; 
    url += document.search.topic.value + '/'; 
    // repeat the above line for any other fields you may want to add 
    window.location.href = url; 
} 

然後,您可以在一個提交按鈕或使用該函數作爲onClick處理器形式的onSubmit

+0

這會幫助你可以刪除方法=「郵報」:http://www.cs.tut.fi/~jkorpela/forms/methods.html – uotonyh

+0

完美,雖然在網址欄中的結果是url.com/search/?topic= 我怎麼能擁有它/搜索/ /? – mobile

+0

@ user1742284爲此,您需要編寫一些自定義JavaScript。我現在用一個示例更新我的原始帖子。 –

相關問題