如何使用重定向到該頁面的按鈕創建輸入框

我不太清楚如何解釋我正在嘗試執行的操作，但如果您瞭解，那太棒了。如何使用重定向到該頁面的按鈕創建輸入框

好吧，所以基本上我試圖做一個輸入框或任何旁邊的按鈕說「答案」，無論你在輸入框中寫，然後按答案按鈕，它會打開一個新的標籤和將其添加到URL中（例如：「http://yourwebsite.com/Whatever-You-Wrote-In-The-Box」）。

如果您需要我嘗試進一步解釋，請繼續問，我無法弄清楚如何做到這一點。

感謝，

來源

2016-05-09 M. Shae

是否URL有看起來像嗎？如果沒有，這只是基本的HTML表單。 [你可以瞭解它們以及如何從這裏創建它們]（https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/My_first_HTML_form）。爲了讓它打開一個新標籤，只需將'

<input id="answer" /> 
<button type="button" onclick="window.open('http://yourwebsite.com/' + document.getElementById('answer').value);">Answer</button>

來源

2016-05-09 20:48:26 Quantastical

非常感謝，這正是我所需要的。 :) –

另一種選擇是使用一種形式：

<form action = "http://www.yourwebsite.com" method = "get"> 
    <input type = "text" name = "fieldname"/> 
    <button type = "submit"> 
    submit 
    </button> 
</form>

來源

2016-05-09 20:51:57

這個答案很好，如果你不必使它看起來完全像'http：// yourwebsite.com/Whatever-You-Wrote-In-The-Box'。否則，Quantastical有答案，將做你想要的。 –

真的，我不確定他們是否希望輸出與示例完全相同。我會在這裏留下這個答案，以防別人需要它 –

我認爲這是一個更好的答案，因爲它不必依賴於JavaScript，並且OP有可能將該URL用作粗略示例（該操作只是說，它必須將答案添加到URL）。 –

你不能只用HTML做到這一點。你必須使用javacript等交互方式。

所以你可以這樣做。

<input id="input"/> 
<button id="button">button</button> 

<script> 
$('#button').click(function(){ 
    var urlPart = $('#input').val(); 
    var url = 'https://google.com/' + urlPart;  
    window.location.replace(url); 
}); 
</script>

檢查爲例 https://jsfiddle.net/joepenzo/g873knd6/10/

來源

2016-05-09 20:56:40

如何使用重定向到該頁面的按鈕創建輸入框

回答

相關問題