本篇文章給大家談?wù)刪tml簡單留言板模板，以及留言模板素材對應(yīng)的知識點(diǎn)，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、只用HTML制作留言板
• 2、我想在一個(gè)頁面上用HTML代碼添加一個(gè)小小留言板，能夠告訴我怎么做么？？
• 3、求一個(gè)簡單html留言板模板，論壇格式也行
• 4、如何用html+css制作一個(gè)留言板
• 5、怎么用html做一個(gè)顯示留言板的框 留言成功馬上顯示 和留言板一樣

只用HTML制作留言板

留言的內(nèi)容都算是數(shù)據(jù)，你要查看數(shù)據(jù)必須用到數(shù)據(jù)庫，只不過是數(shù)據(jù)庫不一定非要用什么數(shù)據(jù)庫軟件控件，你可以自行制作屬于你自己的數(shù)據(jù)庫形式，你說的把表內(nèi)容提交后保存到網(wǎng)頁中，也是可行的，因?yàn)楸旧砭W(wǎng)頁也是數(shù)據(jù)，是超文本，是可以用TXT文本來編寫的，你要解決的是如何把表單的內(nèi)容數(shù)據(jù)插入網(wǎng)頁超文本合適的位置，還有就是要開放網(wǎng)絡(luò)可寫權(quán)限，這對于留言板來說本身是不安全的，因?yàn)槿魏我粋€(gè)人都可以直接修改其內(nèi)容，其實(shí)TXT文本也是一種數(shù)據(jù)形式

我想在一個(gè)頁面上用HTML代碼添加一個(gè)小小留言板，能夠告訴我怎么做么？？

HTML 代碼留言板 一個(gè)超簡陋的留言版 免費(fèi)留言板 //評論內(nèi)容不能保存 因?yàn)樯婕暗綌?shù)據(jù)庫

script

function Ok_OnClick(event)

{

if(document.getElementsByName("textName")[0].value == ""){

alert("請輸入內(nèi)容");

return;

}//getElementById

var table;

var tableList = document.getElementsByTagName("TABLE");

for(var i = 0 ; i tableList.length ; i++) {

if(tableList[i].name == "tableName") {

table = tableList[i]

break;

}

}

var value = document.getElementsByName("textName")[0].value;

var index = table.rows.length;

table.insertRow(index);

table.rows(index).insertCell(0);

table.rows(index).cells(0).innerText = value;

document.getElementsByName("textName")[0].value = "";

}

/script

HTML

HEAD

META http-equiv="Content-Type" content="text/html; charset=gb2312"

TITLE留言版/TITLE

STYLE

td{width:20%;height:20px;border-bottom:1px solid black;border-right:1px solid black;cursor:default;}

div{font-size:13px;}

th{height:20px;font-size:12px;font-weight:normal;border-bottom:2px solid black;background-color:#CCCCCC}

table{border:1px solid black;font-size:13px;}

/STYLE

/HEAD

BODY oncontextmenu="return false;""

TABLE name="tableName" width="70%" align="center" cellpadding="0" cellspacing="0"

TR

TH colspan="4" style=""留言版/TH

/TR

TR

TD呵呵，一個(gè)超簡陋的留言版 ^_^/TD

/TR

/TABLE

BR

div align="center"

textarea rows="2" name="textName" id="textId" cols="20"

style="width: 70%; clip: rect(0pt, 47pt, 18pt, 0pt); font-family: 宋體; font-size: 10pt; font-weight: normal; font-style: normal;text-align: left; vertical-align: middle; text-indent: 0; color: #000000; background-attachment: fixed; background-color: #EEEEEE; border: 1px solid #0xf8f8f8"

/textarea

/div

BR

div align="center"

input type="button" value="提交" onclick="return Ok_OnClick(window.event);"

style="align:center ; width:60 ; height: 21; clip: rect(0pt, 47pt, 18pt, 0pt); font-family: 宋體; font-size: 10pt; font-weight: normal; font-style: normal; cursor: hand; text-align: center; vertical-align: middle; text-indent: 0; color: #000000; background-attachment: fixed; background-color: #d8d8d8; border: 1px solid #59b4f7"

!--position: absolute; left: 342; top: 184; --

/div

/BODY

/HTML

求一個(gè)簡單html留言板模板，論壇格式也行

你可以去源碼下載，留言板很多。

單純的留言板模板也有下載。

如果是動態(tài)不是html.把動態(tài)的刪除就行了。

網(wǎng)上好多地方有留言板，點(diǎn)開后，點(diǎn)文件另存為.html就ok了?；蛘唿c(diǎn)右鍵查看源代碼，保存里邊的源代碼就ok了。

還有疑惑，確實(shí)不能解決聯(lián)系我！

祝你成功！望采納。

如何用html+css制作一個(gè)留言板

html+css制作的只是前臺頁面

CSS代碼

這里重點(diǎn)注意的就是?.ds-avatar?的背景要和頁面背景一致，這樣就能展示出凹進(jìn)去的效果。

body?{background:#333;}

.ds-post-main?{position:relative;?width:500px;}

.ds-avatar?{position:absolute;?top:20px;?width:31px;?height:31px;?padding:5px;?background:#333;border-radius:50%;}

.ds-avatar?a?{display:block;?width:31px;?height:31px;?background:#01cc01;?border-radius:50%;}

.ds-comment-body?{margin-left:20px;padding:10px?10px?10px?30px?;height:80px;background:#01644f;}

HTML代碼

這是多說留言評論的結(jié)構(gòu)，其實(shí)wordpress也可以這樣的。

div?class="ds-post-main"

div?class="ds-avatar"

a?href="#nogo"??/a

/div

div?class="ds-comment-body"?/div

/div

美化留言評論樣式

添加質(zhì)感：這里主要使用CSS3的圓角（border-radius）、陰影（box-shadow）來實(shí)現(xiàn)質(zhì)感

交互設(shè)計(jì)：達(dá)人使用的交互只是一個(gè)簡單的CSS3旋轉(zhuǎn)動畫（transform:rotate），當(dāng)然可以使用更多的動畫效果來，不過不建議搞得過于花哨。

怎么用html做一個(gè)顯示留言板的框 留言成功馬上顯示 和留言板一樣

用ajax做，如果留言成功了，在回調(diào)處理函數(shù)，加上html代碼就可以實(shí)現(xiàn)了

html簡單留言板模板的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于留言模板素材、html簡單留言板模板的信息別忘了在本站進(jìn)行查找喔。