HTML是一種用于創(chuàng)建網(wǎng)頁的標記語言。我們可以使用HTML來創(chuàng)建各種各樣的元素，包括表單和列表。今天，我們將學(xué)習(xí)如何編寫HTML代碼，從提交按鈕提交表單到列表中。

首先，我們需要創(chuàng)建一個表單，以便用戶輸入他們的信息。我們可以使用form標簽創(chuàng)建表單：

<form>
<label>名字：</label>
<input type="text" name="name"><br>
<label>電子郵件：</label>
<input type="email" name="email"><br>
<input type="submit" value="提交">
</form>

在這個表單中，我們有兩個輸入框：一個是用于輸入用戶名的文本框，另一個用于輸入電子郵件地址的文本框。我們還有一個提交按鈕，用戶單擊該按鈕后將把表單數(shù)據(jù)提交到服務(wù)器。

接下來，我們需要創(chuàng)建一個列表，以顯示提交的表單數(shù)據(jù)。我們可以使用ul和li標簽創(chuàng)建列表：

<ul>
<li></li>
</ul>

現(xiàn)在，我們需要一些JavaScript代碼來處理表單提交事件，并將表單數(shù)據(jù)添加到列表中。我們可以使用以下代碼：

<script>
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault();
var name = document.querySelector('input[name="name"]').value;
var email = document.querySelector('input[name="email"]').value;
var listItem = document.createElement('li');
listItem.innerHTML = '<strong>' + name + '</strong>：' + email;
document.querySelector('ul').appendChild(listItem);
});
</script>

這個JavaScript代碼將監(jiān)聽表單的提交事件。當用戶單擊提交按鈕時，表單將向服務(wù)器提交，但此代碼將防止表單提交，以便我們可以使用提交數(shù)據(jù)執(zhí)行其他操作。代碼將獲取文本框中輸入的用戶名和電子郵件地址，并將它們添加到新的li元素中。然后，我們將li元素附加到列表中。

現(xiàn)在，您可以嘗試在瀏覽器中運行此HTML代碼，并嘗試提交表單。您將發(fā)現(xiàn)，當您單擊提交按鈕時，表單數(shù)據(jù)將顯示在列表中。