如何用HTML5存儲用户輸入的信息
我們平時進行網頁開發的時候,經常使用數據庫存儲用户輸入的信息。但是數據庫安裝配置比較複雜,對於一些簡單的需求並不適合。下面小編就給大家分享用HTML5快速存儲信息的方法。
工具/材料
Sublime Text
操作方法
首先打開Sublime Text軟件,在HTML界面中我們用HTML5語言佈局一些輸入框供用户輸入信息,如下圖所示
接下來我們在編寫查找用户輸入信息的界面,如下圖所示,只需要一個輸入框和一個按鈕即可
然後我們在script標籤中獲取用户輸入的信息,並且通過localStorage對象進行本地存儲,如下圖所示
下面實現信息查找的功能編寫,這裏主要是通過localStorage的getItem方法進行信息獲取的,如下圖所示
然後我們通過列表的形式將HTML5存儲的信息都展示出來,如下圖所示
接下來我們運行頁面程序,在輸入框裏面輸入你要添加的數據,這裏簡單的輸入一些測試數據,然後點擊新增記錄按鈕即可,如下圖所示
當我們新增記錄以後,就會在列表中看到我們增加的信息了,它是以鍵值對的形式存儲的,如下圖所示
最後在查找輸入框裏面我們輸入鍵就會得到相應的值,如下圖所示
-
8080端口被佔怎麼解決
在自己電腦上配置測試網站,要配置Apache服務器,並把服務器的一個站點配置在8080端口上時,卻提示8080端口已被佔用。端口被佔用了怎麼辦?下面一起看下怎麼解決。操作方法(01)首先,我們先找出是哪個程序佔用了這個端口。點擊‘開始’菜單,‘所有程序’,(02)所有程序裏,點擊‘...
-
怎樣給針式打印機換色帶
在我們使用針式打印機的過程中,色帶用完了怎麼辦?該如何更換?下面小編帶大家一起看看。操作方法(01)打開機蓋。(02)將圖示裝置推到中間來。(03)將新色帶對準安裝位置。(04)對準後將新色帶按下去。(05)將色帶上固定打印頭的裝置放在打印頭下,且對準打印頭。(06)對準槽孔後將裝置...
-
用CSS製作三角形,替代背景圖片
網頁設計,製作,在早期,一般都是用背景圖片來呈現三角形,比如一個提示窗口,有一個三角形圖標指示,這個圖標一般就是背景圖片來的。現在我們不用背景圖片,直接用CSS來生成,需要怎麼做呢?操作方法(01)先看下html代碼,代碼很簡單,就是幾個div,我們為其中一個div加上樣式名,angle,...
-
如何安裝淘寶數字證書
在使用支付寶或者淘寶的時候如果在電腦上未安裝數字證書,對個人的財產保護就不是很安全,那麼如何安裝淘寶數字證書呢?操作方法(01)在網頁上搜索支付寶,點擊進入。(02)登陸後點擊上方“安全中心”。(03)數字證書沒有使用,點擊“申請”。(04)點擊“申請數字證書”。(05)填寫信息...