文档章节

一个简单的留言板

很二很有范
 很二很有范
发布于 2015/11/24 17:14
字数 220
阅读 9
收藏 0

<html>

<head>

<meta charset="utf-8">

<title>留言板</title>

<style>

.fontcls{

font-weight:bold;

font-size:15px;

}

#center{

width:400px;

height:180px;

background-color:#ccc;

margin-top:5px;

}

#setid{

width:400px;

height:25px;

background-color:#ccc;

}

.motion{

background-image:url(image/bg.png);

background-repeat: no-repeat;

background-position: -352px 1px;

height:25px;

margin-left:3px;

width:29px;

display:block;

cursor:pointer;

}

#inputtext{

height:150px;

width:400px;

font-size: 20px;

background: #fff;

resize:none;

}

#footer{

height:40px;

width:400px;

background:#fff;

}

#buttonid{

background-color: #cc9;

font-size:20px;

color: #ffd;

height:30px;

width:80px;

cursor: pointer;

margin-top:10px;

}

#content{

margin-top:10px;

}

#message_area_top{

height:20px;

margin-top:10px;

border-bottom: 1px solid #000;

}

#message_content{

font-size:25px;

padding-top:10px;

}

</style>

</head>

<body>

<div id="messageleft">

<div id="top"><span class="fontcls">发表您的留言</span></div>

<div id="center">

<div id="setid">

<span class="motion">&nbsp;</span>

</div>

<div id="content">

<textarea id="inputtext" type="text"></textarea>

</div>

</div>

<div id="footer">

<button id="buttonid">发表</button>

</div>

<div id="message_area_top">

<span class="fontcls">留言</span>

</div>

<div id="message_content"></div>

</div>

</body>

<script>

var obj = document.getElementById("buttonid");

var messageobj2 = document.getElementById("inputtext");

obj.onclick=function(){

if(messageobj2.value==""){

return false;

}

var messageobj = document.getElementById("message_content");

var messageneirong = messageobj2.value;

var cobj = document.createElement("p");

var text = document.createTextNode(messageneirong);

cobj.appendChild(text);

messageobj.appendChild(cobj);

messageobj2.value="";

}

</script>

</html>


© 著作权归作者所有

共有 人打赏支持
很二很有范
粉丝 0
博文 1
码字总数 220
作品 0
程序员
私信 提问
Kompose: Docker-compose 到 Kubernetes 的迁移工具

在 skippbox,我们开发了 Kompose 这一工具,他能够自动把 Docker Compose 应用转换为 Kubernetes 描述文件。利用一个简单的 kompose up 命令,就可以在 Kubernetes 集群上启动 Compose 应用...

店家小二
前天
0
0
杨泽业:给你的wordpress博客添加留言板的功能

添加一个留言板的功能相对来说,还是比较好的用户体验,比如某个用户,在你的专业里面,有需要向你咨询的地方,而生适合公开发布的话,用户直接给你留言即可,你回复他以后,他就能通过邮箱收...

泽业建站网
07/01
0
0
求助:如何写一个类似QQ聊天可调式字体的工具栏

求助,我正在用一个asp.net写一个简单的留言板,想在留言板输入内容的上方,添加一条类似于提问上方的字体工具栏,可以实现字体的对齐,表情的添加等功能,有源码或者空间的朋友求帮忙

倪勇康
2012/03/19
310
2
Asp.net MVC2中使用Ajax的三种方式

在Asp.net MVC中,我们能非常方便的使用Ajax。这篇文章将介绍三种Ajax使用的方式,分别为原始的Ajax调用、Jquery、Ajax Helper。分别采用这三种方式结合asp.net mvc去实现一个史上最简单的留...

王二狗子11
01/01
0
0
产品建议:留言板OR私信,哪个更好一点?

起因是我们团队内部无法达成一致,然后我在目标用户集中的地方发帖来邀请大家给意见。一个下午,700多次点击,近20个潜在用户的认真回复,我们最终有了自己的结论。   结论稍晚聊,先看看原...

程序员客栈
2016/05/19
7
0

没有更多内容

加载失败,请刷新页面

加载更多

Netty 备录 (一)

入职新公司不久,修修补补1个月的bug,来了点实战性的技术---基于netty即时通信 还好之前对socket有所使用及了解,入手netty应该不是很难吧,好吧,的确有点难,刚看这玩意的时候,可能都不知道哪里...

_大侠__
昨天
4
0
Django简单介绍和用户访问流程

Python下有许多款不同的 Web 框架。Django是重量级选手中最有代表性的一位。许多成功的网站和APP都基于Django。 Django是一个开放源代码的Web应用框架,由Python写成。 Django遵守BSD版权,初...

枫叶云
昨天
7
0
EOS错误代码及中文释义

本文集汇总了EOS区块链常见错误代码及其含义,完整错误代码集请查看 EOS错误代码集 - 汇智网 EOS错误代码列表如下, <table class="table table-striped"> <thead> <tr><th>错误代码</th><t......

汇智网教程
昨天
2
0
Spring Cloud Stream消费失败后的处理策略(四):重新入队(RabbitMQ)

应用场景 之前我们已经通过《Spring Cloud Stream消费失败后的处理策略(一):自动重试》一文介绍了Spring Cloud Stream默认的消息重试功能。本文将介绍RabbitMQ的binder提供的另外一种重试...

程序猿DD
昨天
4
0
kiss原则

KISS 原则是用户体验的高层境界,简单地理解这句话,就是要把一个产品做得连白痴都会用,因而也被称为“懒人原则”。换句话说来,”简单就是美“。KISS 原则源于 David Mamet(大卫马梅)的电...

NB-One
昨天
14
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部