当前位置:首页 > 经验 > 数码摄影 > it技术

怎么用html5存储用户输入的信息

关注:18 发布时间:2021-09-18 09:00:04

导语本文整理了怎么用html5存储用户输入的信息经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

当我们开发网页时,我们经常使用数据库来存储用户输入的信息。但是数据库安装配置复杂,不适合一些简单的需求。下面的小系列就和大家分享一下如何用html5快速存储信息。

需要准备的物品

升华文本

详细介绍方法/步骤

先打开升华文字软件。在html界面中,我们使用html5语言来布局一些输入框供用户输入信息,如下图所示

接下来,我们正在编写一个查找用户输入信息的界面,如下图所示,只需要一个输入框和一个按钮

然后我们获取用户在脚本标签中输入的信息,并通过localstorage对象将其存储在本地,如下图所示

为了实现信息搜索,编写了以下功能。这里的信息主要通过localstorage的getitem方法获取,如下图所示

,然后我们以列表的形式显示html5中存储的所有信息,如下图所示

接下来,我们运行页面程序,在输入框中输入您想要添加的数据,只需在这里输入一些测试数据,然后添加记录按钮,如下图所示

当我们添加记录时,我们将在列表中看到我们添加的信息,它以键值对的形式存储,如下图所示

比较后,在搜索输入框中,我们输入键得到相应的值,如下图所示

猜你喜欢

  • 抖音晒娃的唯美句子

    抖音晒娃的唯美句子60人喜欢

    1.你是我父母无尽的希望。2.日以继夜看四只眼睛,看腻了也不行。3.睡觉是小天使,醒来是小恶魔。4.每天都犯了上千次的罪,还把你当初恋。5.以后,我和你一起长大,你和我一起变老。6.伤我心的是你,伤我心的…

    更新时间:2021-12-19 16:51:04

  • 联通网络不好怎么设置

    联通网络不好怎么设置73人喜欢

    1.单击设置以访问双卡和网络。2.点击位置,然后点击网络类型选择,一般选择2g。3.回到上一步,单击接入点名称,然后单击重置,它将自动设置。4.如果要手动设置,请单击“新建”,单击此处的“名称”,然后随意输…

    更新时间:2022-02-12 08:59:03

  • 怎样成为今日头条作者

    怎样成为今日头条作者89人喜欢

    1.搜索今天的标题作者后,点击第一个进入2.然后进入此页面,点击“注册”3.用您的手机号码或电子邮件地址注册4.在此选择一个人5.按照说明填写相关信息,填写完毕后点击提交6.提交后,表明申请成功7.点击…

    更新时间:2022-02-18 08:59:03

  • 抖音拉窗帘特效怎么弄

    抖音拉窗帘特效怎么弄83人喜欢

    1.进入录像,点击【一键卡】进入卡模板。2.点击模板【你能打开窗帘吗】。3.单击黄色框[立即制作]。4.点击【批量替换】替换一次,或者点击【替换图片】逐个替换调整。5.单击批量替换后,从相册中选择10…

    更新时间:2021-12-18 20:49:05

  • 网络不好用太卡怎么办vivo

    网络不好用太卡怎么办vivo40人喜欢

    1.进入手机设置菜单,找到“移动网络”,点击回车。2.在移动网络页面上,找到“apn”并点击进入。3.点击“添加接入点”进入。4.“名称”和“apn”需要分别设置。5.在名称栏中填写“cmtds”,然后按“确…

    更新时间:2022-05-06 08:58:04

  • 怎么设计地板效果图

    怎么设计地板效果图65人喜欢

    一个好的效果图软件可以帮助你快速做出满意的效果图,帮助你吸引和留住客户,帮助你更好的签账单。那刚拿到效果图软件的大佬是怎么操作的呢?这里我们将向您展示如何设计地板的效果图需要准备的物品效…

    更新时间:2021-07-26 07:01:47

  • 5月20号是什么节

    5月20号是什么节55人喜欢

    网络情人节是信息时代的爱情节日,定在每年的5月20日和5月21日。这个节日起源于歌手范晓萱的《数字恋爱》中的“520”和音乐家吴玉龙的网络歌曲中的“我爱你”之间的密切联系。后来,“521”逐渐被情…

    更新时间:2022-02-09 16:51:05

  • word2003怎么插入标题

    word2003怎么插入标题88人喜欢

    word中的标题可以清楚的标记一段文字是为了什么,那么如何在word2003中插入标题呢?下面的小系列就和大家分享一下。需要准备的物品word 2003详细介绍方法/步骤首先,我们点击word左上角的文件菜单,如…

    更新时间:2021-06-28 12:57:03

  • ae怎么做打字效果?

    ae怎么做打字效果?35人喜欢

    详细介绍方法/步骤第一步,打开软件。打开电脑上的ae软件。第二步,合成。在电脑上打开软件后,按快捷键ctrl和n创建一个新的。字体可以定制。第三步:色彩。单击图层区域中的实体图层,这通常是一种自定义…

    更新时间:2021-08-19 12:56:03

  • windows7开不了机要按f8才能开机

    windows7开不了机要按f8才能开机187人喜欢

    1.当电脑开机时按“f8”不能正常显示启动菜单,从而无法进入“安全模式”界面时,可以尝试在电脑开机时按“ctrl”打开系统启动菜单。2.此时,通过以下设置进入自动进入“安全模式”的操作。在windows…

    更新时间:2022-04-02 18:49:01

  • 2021发抖音必火的句子简短

    2021发抖音必火的句子简短79人喜欢

    1、人生的风景,其实不在漫漫长路,不在别人的眼前,而在自己的心里。2.每个人都有人性的另一面。请不要把他的另一半推出去。当一个脾气好的人卸载底线的时候,你就没有跪求的机会了。给别人腾地方,就是…

    更新时间:2021-12-13 20:47:06

  • mp4播放软件哪个好

    mp4播放软件哪个好89人喜欢

    详细介绍方法/步骤风暴视频播放器暴风影音5的“左眼键”高清效果堪比世界级职业选手。storm video 5最明显的特点是通过“左眼技术”可以显著提高图像质量。据了解,一般玩家把整部电影当成一个…

    更新时间:2021-08-30 14:54:04