文档章节

一个简单的留言板

很二很有范
 很二很有范
发布于 2015/11/24 17:14
字数 220
阅读 10
收藏 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 应用...

店家小二
2018/12/16
0
0
杨泽业:给你的wordpress博客添加留言板的功能

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

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

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

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

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

王二狗子11
2018/01/01
0
0
从spring boot发邮件聊到开发的友好性

前些天帮一个朋友做网站,全站都是静态页面,唯一需要用到后端开发的是他需要一个留言板。传统的留言板一般都是提交后保存到数据库,然后提供一个后台的留言列表给管理人员看,我嫌麻烦,就决...

wphmoon
10/03
25
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
15
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
15
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部