文档章节

一个简单的留言板

很二很有范
 很二很有范
发布于 2015/11/24 17:14
字数 220
阅读 8
收藏 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
程序员
求助:如何写一个类似QQ聊天可调式字体的工具栏

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

倪勇康
2012/03/19
288
2
杨泽业:给你的wordpress博客添加留言板的功能

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

泽业建站网
07/01
0
0
Asp.net MVC2中使用Ajax的三种方式

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

王二狗子11
01/01
0
0
Asp.net MVC2中使用Ajax的三种方式

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

晨曦之光
2012/03/09
0
0
从Web0.2到2.0 那些与时俱进的Web技术

感谢ydj9931 的提供 | 我们初识互联网之时,它正处于WEB 0.2的时代。计数器,GeoCities和留言板统治着WEB世界。当时CSS只是一门新技术。订阅此页是JavaScript最大的应用。而最终,IE 4美化了...

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

计算卷积神经网络浮点数运算量

前言 本文主要是介绍了,给定一个卷积神经网络的配置之后,如何大概估算它的浮点数运算量。 相关代码:CalFlops,基于MXNet框架的 Scala 接口实现的一个计算MXNet网络模型运算量的demo。 正文...

Ldpe2G
今天
1
0
Sql语言与MySql数据库

1. 数据库简介 1. 数据库,就是存储数据的仓库,只能通过sql语言来访问,数据库也是一个文件系统。通常,MySQL、Oracle等数据库,也被称为关系型数据库,其保存的不仅仅只是数据,还包括数据...

江左煤郎
今天
1
0
IDEA 取消自动import .*

打开设置 > Editor > Code Style > Java > Scheme Default > Imports ① 将 Class count to use import with "*" 改为 99 (导入同一个包的类超过这个数值自动变为 * ) ② 将 Names count ......

乔老哥
今天
3
0
PostGIS学习笔记(开篇)

PostGIS事实上算是笔者开始写博客的第一篇内容。而事实上那篇博文的内容并不丰富,笔者对PostGIS的了解仍然不多,然而17年在OSGeo课程学习时对PostGIS又有了进一步了解,并逐步发现它的强大。...

胖胖雕
今天
3
0
【Centos】在nginx服务器中配置php和mysql

接上一章《【Centos】利用Vultr服务器和namesilo布网》(https://my.oschina.net/u/3776619/blog/2051986),在Centos中配置好nginx,并在iptables中开启了80端口,和为了远程mysql操作方便开...

yongh701
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部