HTMLinput元素是一個非常常用的表單元素，它允許用戶通過輸入來向服務器發送數據。在這個元素中，我們可以使用value屬性為其設置初始值，也可以使用JavaScript來動態設置其值。

<input type="text" id="myInput" value="Hello World">

在上面的示例中，我們為一個文本輸入框設置了一個初始值"Hello World"，這個值會在用戶打開頁面時出現在輸入框中。如果我們想要在頁面加載后動態地改變輸入框的值，我們可以使用JavaScript來實現。

<input type="button" onclick="changeValue()" value="點擊改變">
<script>
function changeValue() {
document.getElementById("myInput").value = "新的值";
}
</script>

在這個示例中，我們為一個按鈕設置了一個點擊事件onlick="changeValue()"，當用戶點擊按鈕時，會調用changeValue()函數。這個函數通過document.getElementById()獲取到輸入框元素，然后使用value屬性將其值改變為"新的值"。

除了文本輸入框，input元素還有其他各種類型，如復選框、單選框、下拉框等。它們的設置方式有所不同，但是都可以通過JavaScript動態設置其值。

<input type="checkbox" id="myCheckbox" checked>
<script>
function changeCheckbox() {
document.getElementById("myCheckbox").checked = false;
}
</script>

在這個示例中，我們為一個復選框設置了一個初始選中狀態checked。當用戶點擊一個按鈕onclick="changeCheckbox()"時，會調用changeCheckbox()函數，將復選框的選中狀態改變為false，也就是取消選中。

總之，使用input元素可以方便地向服務器發送數據，而通過JavaScript動態設置其值，可以在用戶交互時實時地改變表單內容。