网页版备忘录源码html,备忘录.html

Title

.biji{

margin: 10px 7px;

border: 1px solid #ccc;

border-radius: 10px;

padding: 5px;

background-color: #F7F6F2;

position: relative;

}

.shanChu{

position: absolute;

right: 3px;

top: 3px;

font-size: 12px;

}

.fixeD{

position: fixed;

width: 98%;

z-index: 1;

top: 0;

right: 0;

background-color: white;

}

#bijiList{

padding-top: 120px;

}

.line1{

display: block;

height: 1px;

background-color: #333;

margin-right: 10px;

}

备忘录

+

返回 新增备忘录


var bijis = []

loadDate();

function loadDate(){

if(localStorage.bijis){

bijis = JSON.parse(localStorage.bijis)

}

bijiList.innerHTML =""

for(var i=bijis.length-1;i>=0;i--){

var b = bijis[i];

var newDiv = document.createElement("div")

newDiv.className = "biji"

var deleteSpan = document.createElement("span")

deleteSpan.innerHTML = "删除";

deleteSpan.className = "shanChu"

var titleDiv = document.createElement("div");

titleDiv.className = "title"

titleDiv.innerHTML = b.content;

var createDateDiv = document.createElement("div")

createDateDiv.className = "createDate"

createDateDiv.innerHTML = b.createDate;

newDiv.appendChild(deleteSpan)

newDiv.appendChild(titleDiv)

newDiv.appendChild(createDateDiv)

bijiList.appendChild(newDiv)

}

}

addbtn.onclick = function () {

d1.style.display = "none"

d2.style.display = "block"

cntDiv.focus()//获得光标

}

returnbtn.onclick = function () {

d1.style.display = "block"

d2.style.display = "none"

if(cntDiv.innerHTML.length>0){

var biji = {

content:cntDiv.innerHTML,

createDate:(new Date()).toLocaleString()

}

bijis.push(biji)

localStorage.bijis = JSON.stringify(bijis);

cntDiv.innerHTML = "";

loadDate()

}

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
记事本资讯网站源码简介 记事本资讯网站源码采用织梦discuz基于php mysql制作,功能是毋庸置疑的,强大至极。源码完整无错,本站修复源码的大量模板错位问题,现已完美分享,需要的朋友请拿走! 记事本资讯网站源码安装教程: 一、将整站解压后,将文件夹内的所有文件上传到网站根目录(西部数码的根目录是:wwwroot,不同网站的根目录名称不同,请咨询空间提供商,不要来问我) 注意:如果您的空间支持在线解压的话,建议您直接将压缩文件上传解压,因为这样速度会很快,也很少会出错。 二、打开浏览器,在地址栏里输入http://网址/install/index.php 点击安装 至此Discuz x3.x程序安装完成。 三、登录Discuz后台(http://域名/admin.php) 选择 "站长—数据库—恢复—导入" 或者 http://您的域名/data/restore.php 四、检查UCenter能否登陆 1、检查UCenter 访问地址设置是否正确(一般不会出错) 2、创始人密码和admin管理员密码有可能不是同一个,创始人密码是上面第二步重新安装discuz程序时设置的密码。 3、检查UCenter应用是否通讯成功 五、在后台:工具 更新缓存 完毕。 六、恢复完的后台 管理员帐号:admin 密码:1 如果不清楚可以下载后看里面具体的安装教程 记事本资讯网站源码前台页面 记事本资讯网站源码后台管理 后台路径:http://域名/admin.php 用户名与密码:安装时可设置 后台页面 相关阅读 同类推荐:站长常用源码
好的,以下是一个简单的PHP备忘录源码示例,它使用MySQL数据库来存储备忘录记录: ```php <?php //连接数据库 $servername = "localhost"; $username = "yourusername"; $password = "yourpassword"; $dbname = "yourdbname"; $conn = new mysqli($servername, $username, $password, $dbname); //检查连接 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } //如果提交了表单,将数据插入到数据库中 if ($_SERVER["REQUEST_METHOD"] == "POST") { $title = $_POST["title"]; $content = $_POST["content"]; $sql = "INSERT INTO memo (title, content) VALUES ('$title', '$content')"; if ($conn->query($sql) === TRUE) { echo "备忘录记录创建成功"; } else { echo "创建失败: " . $conn->error; } } //从数据库中获取备忘录记录 $sql = "SELECT * FROM memo"; $result = $conn->query($sql); //关闭连接 $conn->close(); ?> <!DOCTYPE html> <html> <head> <title>PHP备忘录</title> </head> <body> <h1>PHP备忘录</h1> <!-- 显示备忘录记录 --> <?php if ($result->num_rows > 0): ?> <ul> <?php while($row = $result->fetch_assoc()): ?> <li> <h2><?php echo $row["title"]; ?></h2> <p><?php echo $row["content"]; ?></p> <p><?php echo $row["created_at"]; ?></p> </li> <?php endwhile; ?> </ul> <?php else: ?> <p>暂无备忘录记录</p> <?php endif; ?> <!-- 创建备忘录记录表单 --> <h2>创建备忘录记录</h2> <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"> <label for="title">标题:</label> <input type="text" id="title" name="title"><br><br> <label for="content">内容:</label> <textarea id="content" name="content"></textarea><br><br> <input type="submit" value="提交"> </form> </body> </html> ``` 这段代码包括了两部分:第一部分连接到MySQL数据库,并将提交的备忘录记录插入到 `memo` 表中;第二部分显示已有的备忘录记录,并提供一个表单来创建新的备忘录记录。你需要将 `yourusername`、`yourpassword` 和 `yourdbname` 分别替换为你自己的MySQL用户名、密码和数据库名。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值