文档章节

一个简单的留言板

很二很有范
 很二很有范
发布于 2015/11/24 17:14
字数 220
阅读 7
收藏 0
点赞 0
评论 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 ⋅ 2

Asp.net MVC2中使用Ajax的三种方式

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

王二狗子11 ⋅ 01/01 ⋅ 0

从Web0.2到2.0 那些与时俱进的Web技术

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

晨曦之光 ⋅ 2012/03/09 ⋅ 0

产品建议:留言板OR私信,哪个更好一点?

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

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

Asp.net MVC2中使用Ajax的三种方式

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

晨曦之光 ⋅ 2012/03/09 ⋅ 0

求一个PHP实现管理实例

PHP+MYSQL写了一个简单的留言板,但是不会写管理页面的代码。 比如登陆后台管理员才有权限对留言进行编辑、删除、回复等权限。

sbc ⋅ 2012/03/25 ⋅ 1

xss攻击简单实例

一个简单的留言板攻击实例 我们有个页面用于允许用户发表留言,然后在页面底部显示留言列表 <!DOCTYPE html><html><head> <?php include('/components/headerinclude.php');?></head> <styl......

凡尘里的一根葱 ⋅ 2015/12/02 ⋅ 0

使用phpcms简单制作在线留言

1,进入“模块” 2,选择“表单向导” 3,点击“添加表单向导”在“名称”里填“留言板”,然后再“表名”里填“liuyanban”,然后再“允许游客提交表单”栏选“是”。再确定。 4,这时候就出...

皇冠小丑 ⋅ 2016/03/28 ⋅ 0

C语言实现的CGI,完成了留言板功能

地址:https://github.com/zhouweiit/cgi 基于ngnix+spawn_cgi+fastcgi作为服务器,使用C语言编写的cgi,实现了简单的留言板功能; 项目结构简介: 1.conf主要包含了nginx与fastcig的配置 2....

zhouweiit_ ⋅ 05/09 ⋅ 0

怎样用PHP开发博客评论系统!

我刚学的PHP,利用所学的知识建立一个简单的博客,已经能实现文章发表,留言板功能了,我现在想建一个博客评论系统! 就是每篇文章下面跟着评论的那种! 我所知道的是可以像建留言版一样在每篇...

陈虎 ⋅ 2012/04/22 ⋅ 4

没有更多内容

加载失败,请刷新页面

加载更多

下一页

开启远程SSH

SSH默认没有开启账号密码登陆,需要再配置表中修改: vim /etc/ssh/sshd_configPermitRootLogin yes #是否可以使用root账户登陆PasswordAuthentication yes #是都开启密码登陆ser...

Kefy ⋅ 23分钟前 ⋅ 0

Zookeeper3.4.11+Hadoop2.7.6+Hbase2.0.0搭建分布式集群

有段时间没更新博客了,趁着最近有点时间,来完成之前关于集群部署方面的知识。今天主要讲一讲Zookeeper+Hadoop+Hbase分布式集群的搭建,在我前几篇的集群搭建的博客中已经分别讲过了Zookeep...

海岸线的曙光 ⋅ 31分钟前 ⋅ 0

js保留两位小数方法总结

本文是小编针对js保留两位小数这个大家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析,以下是全部内容: 一、我们首先从经典的“四舍五入”算法讲起 1、四舍五入的情况...

孟飞阳 ⋅ 49分钟前 ⋅ 0

python log

python log 处理方式 log_demo.py: 日志代码。 #! /usr/bin/env python# -*- coding: utf-8 -*-# __author__ = "Q1mi""""logging配置"""import osimport logging.config# 定义三种......

inidcard ⋅ 今天 ⋅ 0

mysql 中的信息数据库以及 shell 查询 sql

Information_schema 是 MySQL 自带的信息数据库,里面的“表”保存着服务器当前的实时信息。它提供了访问数据库元数据的方式。 什么是元数据呢?元数据是关于数据的数据,如数据库名或表名,...

blackfoxya ⋅ 今天 ⋅ 0

maven配置阿里云镜像享受飞的感觉

1.在maven目录下的conf/setting.xml中找到mirrors添加如下内容,对所有使用改maven打包的项目生效。 <mirror> <id>alimaven</id> <name>aliyun maven</name> <url>http://maven.al......

kalnkaya ⋅ 今天 ⋅ 0

centos7下创建新用户并授权

1、创建新用户 创建一个用户名为:test adduser test 创建初始密码: passwd test 2、授予root权限 个人用户的权限只可以在/home/test下有完整权限,其他目录要看别人授权。而经常需要roo...

xixingzhe ⋅ 今天 ⋅ 0

求助:TiledMap如何旋转对象呢?

比如我要旋转一个梯子的角度,单纯在TiledMap旋转角度好像没有效果。那是要用代码来控制角度,还是说只能通过导入相对应的斜的图片才可以呢?

花谢自相惜 ⋅ 今天 ⋅ 0

Micronaut 之HelloWorld!

小试一下Micronaut,按照官方文档跑了一下helloworld 第一步克隆,按照官方文档是: git clone git@github.com:micronaut-projects/micronaut-core.git 结果怎么是这样?? 换个方法吧 git ...

桂哥 ⋅ 今天 ⋅ 0

pom文件

Aeroever ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部