HTML留言板具體代碼示例如下：

 !DOCTYPE html  html  head  meta charset= UTF-8  title 網頁留言板版源碼示例 /title  /head  body  h1 簡易留言板 /h1  textarea id= memo cols= 60 rows= 10 /textarea  input type= button value= 追加內容 quot;saveStorage( memo ) /  input type= button value= 初始化 quot;clearStorage( msg ) /  hr /  p id= msg /p  script type= text/javascript  function saveStorage(id) { var data = document.getElementById(id).value; var time = new Date().getTime(); localStorage.setItem(time,data); console.log( 數據已保存  loadStorage( msg  function loadStorage(id) { var result = table border= 1  for(var i = 0; i localStorage.length; i++) { var kes = localStorage.key(i); var value = localStorage.getItem(kes); var date = new Date(); date.setTime(kes); var datestr = date.toGMTString(); result += tr td + value + /td td + datestr + /td /tr  result += /table var target = document.getElementById(id); target.innerHTML = result; function clearStorage() { localStorage.clear(); console.log( 清除完畢  /script  /body  /html 

上述HTML留言板效果如下圖：

注：saveStorage() 獲取textarea的value值
getTime()獲取當前時間戳、setItem()將時間戳作為鍵值，textarea的value值作為鍵值的內容保存在本地數據庫

localStorage:html5出現的新標簽

html5本地存儲

基本語句: window.localStorage;

獲取: localStorage.getItem(key);

添加: localStorage.setItem(key,value);

修改: localStorage.key =

刪除: localStorage.removeItem(key);

清除: localStorage.clear();

【相關文章推薦】

如何用php簡單制作留言板

php實現留言板功能的代碼詳細介紹

以上就是html怎么操作來實現留言板樣式？（代碼示例）的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。