本篇文章给大家谈谈html简单留言板模板,以及留言模板素材对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、只用HTML制作留言板
- 2、我想在一个页面上用HTML代码添加一个小小留言板,能够告诉我怎么做么??
- 3、求一个简单html留言板模板,论坛格式也行
- 4、如何用html+css制作一个留言板
- 5、怎么用html做一个显示留言板的框 留言成功马上显示 和留言板一样
只用HTML制作留言板
留言的内容都算是数据,你要查看数据必须用到数据库,只不过是数据库不一定非要用什么数据库软件控件,你可以自行制作属于你自己的数据库形式,你说的把表内容提交后保存到网页中,也是可行的,因为本身网页也是数据,是超文本,是可以用TXT文本来编写的,你要解决的是如何把表单的内容数据插入网页超文本合适的位置,还有就是要开放网络可写权限,这对于留言板来说本身是不安全的,因为任何一个人都可以直接修改其内容,其实TXT文本也是一种数据形式
我想在一个页面上用HTML代码添加一个小小留言板,能够告诉我怎么做么??
HTML 代码留言板 一个超简陋的留言版 免费留言板 //评论内容不能保存 因为涉及到数据库
script
function Ok_OnClick(event)
{
if(document.getElementsByName("textName")[0].value == ""){
alert("请输入内容");
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呵呵,一个超简陋的留言版 ^_^/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
求一个简单html留言板模板,论坛格式也行
你可以去源码下载,留言板很多。
单纯的留言板模板也有下载。
如果是动态不是html.把动态的删除就行了。
网上好多地方有留言板,点开后,点文件另存为.html就ok了。或者点右键查看源代码,保存里边的源代码就ok了。
还有疑惑,确实不能解决联系我!
祝你成功!望采纳。
如何用html+css制作一个留言板
html+css制作的只是前台页面
CSS代码
这里重点注意的就是 .ds-avatar 的背景要和页面背景一致,这样就能展示出凹进去的效果。
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代码
这是多说留言评论的结构,其实wordpress也可以这样的。
div class="ds-post-main"
div class="ds-avatar"
a href="#nogo" /a
/div
div class="ds-comment-body" /div
/div
美化留言评论样式
添加质感:这里主要使用CSS3的圆角(border-radius)、阴影(box-shadow)来实现质感
交互设计:达人使用的交互只是一个简单的CSS3旋转动画(transform:rotate),当然可以使用更多的动画效果来,不过不建议搞得过于花哨。
怎么用html做一个显示留言板的框 留言成功马上显示 和留言板一样
用ajax做,如果留言成功了,在回调处理函数,加上html代码就可以实现了
html简单留言板模板的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于留言模板素材、html简单留言板模板的信息别忘了在本站进行查找喔。