在頁面加載時自動顯示表單值，或使用.innerHTML提交

Question

我試圖找到最簡單的非專家編碼器解決方案來顯示搜索查詢。

我有一個搜索表單，其中“提交”按鈕的onclick會在下面顯示表單值。 這是代碼：

<input type="text" name="searchfield" id="searchfield" value="" />
<input type="submit" name="submit" id="submitSearch" value="Submit" onclick="document.getElementById('output').innerHTML = document.getElementById('searchfield').value" />
<div id="output"></div>

該頁面在提交時重新加載，而不是轉到另一個頁面。

有沒有一種簡單的方法來處理我的代碼，以便在加載頁面時自動在輸出div中顯示值，而不是onclick呢？

因此，刷新或提交后頁面加載后，放置在搜索框中的所有內容都會自動顯示。 如果未輸入任何內容，則不會顯示任何內容。

Answer 1

有很多方法可以實現這一目標，但是可以做到這一點：

<input type="text" name="searchfield" id="searchfield" value="" />
<button onclick="document.getElementById('output').innerHTML = document.getElementById('searchfield').value">Submit</button>
<div id="output"></div>

並使用PHP，

<input type="text" name="searchfield" id="searchfield" value="" />
<input type="submit" name="submit" id="submitSearch" value="Submit" />
<div id="output">
<?php
if($_GET['searchfield'])
    echo $_GET['searchfield'];
?>
</div>