<script>
var messageForm = document.getElementById("messageForm");
messageForm.addEventListener("submit", function(event) {
event.preventDefault();
var message = document.getElementById("message").value;
localStorage.setItem("message", message);
});
</script>

<script>
var message = localStorage.getItem("message");
if (message !== null) {
var messageDisplay = document.createElement("p");
messageDisplay.textContent = message;
document.body.appendChild(messageDisplay);
}
</script>

元素，將留言的內(nèi)容顯示在網(wǎng)頁中，并將它添加到文檔的最后一個(gè)節(jié)點(diǎn)中。 那么，HTML5實(shí)現(xiàn)留言并保存代碼就完成了，我們可以通過這個(gè)例子了解到HTML5的表單、localStorage API和一些基本的JavaScript編程技巧。