HTML5記事本是一款簡單易用的文本編輯程序。下面是HTML5記事本的代碼示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5記事本</title> </head> <body> <textarea id="editor"></textarea> <script> var editor = document.getElementById("editor"); // 監聽輸入事件 editor.addEventListener("input", function() { // 保存文本 localStorage.setItem("text", editor.value); }); // 頁面加載時獲取之前保存的文本 if(localStorage.getItem("text")) { editor.value = localStorage.getItem("text"); } </script> </body> </html>
上述代碼使用textarea標簽創建文本輸入框,并在頁面加載時從本地存儲獲取之前保存的文本內容。監聽輸入事件,用戶輸入后自動保存文本。如此,無須手動保存,就可以方便地記錄下重要的信息。