怎么用html做一个显示留言板的框 留言成功马上显示 和留言板一样
简单的使用HTML5的本地存储功能做
留言板html界面(留言板html5)
复杂一些的可以使用动态网页技术比如PHP、JSP、ASP.NET等做。
这两者需要配合JS做才行
不然没法动态的改变
用ajax, 不用刷新页面
自习看手册中的append
html留言之后怎么显示到留言列表上面
1、首先实测链接的是远程数据库。
2、其次打开留言板加载留言。
3、然后新添加的留言显示在下方,css代码,用于设置弹框和新添加的留言样式等。
4、后连接数据库,获取数据库的数据,格式编码,用于将新的留言存入数据库并展示在视图上。
简单的html静态留言板,就只需要静态,需要和第二个留言和第一有一样的功能。
{
font-size:12px;
margin:0;
padding:0;
}li {
margin-top:4px;
}
function Trim(text)//去左右空格
{return text.replace(/^\s+|\s+$/g);//替换一个与正则表达式匹配的子串
}function sendTxt(dom, ele)
{if (Trim(document.getElementById(dom).value)=="")
{alert("内容不能为空,请填写评价");
document.getElementById(dom).focus();
return false;
}var input = getPic(document.getElementById(dom).value);
var exist = document.getElementById(ele).innerHTML;
if(exist.match(input) == input){
alert("不可添加重复的内容");
return false;
}document.getElementById(ele).innerHTML+="评价:"+input+"
}function getPic(text)
{return text;
}
HTML留言簿代码 如图
如果只是html的静态页面 代码如下
姓名: | |
电话: | |
Email地址: | |
留言: | |
我想在一个页面上用HTML代码添加一个小小留言板,能够告诉我怎么做么??
HTML 代码留言板 一个超简陋的留言版 免费留言板 //评论内容不能保存 因为涉及到数据库
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 = "";
}
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;}
留言版 | |||
---|---|---|---|
呵呵,一个超简陋的留言版 ^_^ |
>
Html页面代码中 为什么要使用
当点击submit按钮时,浏览器会自动将表单信息封装提交至action中的地址。所谓的提交就是访问action中地址并携带着form表单中input,textarea,select的信息。
微信小程序怎么做个简单留言板?
首先是HTML页面,好吧,其实微信小程序的是wxml(微信ml)
placeholder="请输入留言……" placeholder-class="place-input" />
添加
暂无留言……^_^
{{item.msg}}
/> 微信小程序里把div改成了view,听说div也可以用,没有实验过,不知道真假。不过就这样吧,反正原理都一样,页面效果主要看css,又错了,是wxss(微信ss)说实话总觉得……这种感觉不好多说。 看我们的布局代码,超简单,完全和css一样 /index.wxss/ .msg - box { padding: 20px; }.send - box { display: flex; }.input { border: 1px solid#B0C4DE; padding: 5px; }.msg - info { display: block; margin: 10px 0 0 0; color: #339900; }.place - input { color: salmon; }.list - view { margin: 20px 0 0 0; }.item { overflow: hidden; border - bottom: 1px dashed#87CEFF; height: 30px; line - height: 30px; }.text1 { float: left; }.close - btn { float: right; margin: 5px 5px 0 0; }才36行,现在一看,好吧,真特么简单。微信小程序的功能实现主要看js部分,好在这个他们没有叫(wxjs),微信小程序的js写法,怎么说呢,假如你会vue.js React或者是AngularJS,完全是玩一样的就会了,好吧,不过这三个我暂时都不会!!!!!!!!!!!!!!! js代码如下: //index.js //获取应用实例 var app = getApp(); Page({ data: { msgData: [] }, changeInputValue(ev) { this.setData({ inputVal: ev.detail.value }) }, //删除留言 DelMsg(ev) { var n = ev.target.dataset.index; var list = this.data.msgData; list.splice(n, 1); this.setData({ msgData: list }); }, //添加留言 addMsg() { var list = this.data.msgData; list.push({ msg: this.data.inputVal }); //更新 this.setData({ msgData: list, inputVal: '' }); }, }) 微信小程序做个简单留言板这里有两种模式: 1、模板+拖拽制作。这种模式下,工具平台方会提供一些比较典型的行业、场景模板,同时还会提供比较丰富的相关功能模块,这些功能模块可以自由“装卸”到模板上去。模板比较全面地体现了相关类别小程序的整体框架,用户基于该模板框架,结合自身的具体需求,通过拖拽方式对各种各样的模块进行自由组合,从而实现各种各样的个性化需求。 2、组件化的快速开发模式。能到“组件化”这个层面,足以表明这种模式其实已经开始颇有点专业开发的味道了。这种模式下,主要特征是将各种比较通用的代码模块封装成一个个组件,未来开发中不用重复编写这些模块的代码,而是直接拖用组件。 为什么要自己做呀 ,现在好多现成的。 什么订阅号留言板、快言、留言墙、小互动助手什么的。 体验下来,小互动助手体验。我一个菜鸡,直接拿来用,哈哈。 他们都有自己的公众号的,其他两个就是他名字,小互动助手的叫:小互动服务号。 其中小互动助手是的。哈哈 我就是喜欢免费的,而且体验还。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至836084111@qq.com 举报,一经查实,本站将立刻删除。