如何用HTML5儲存使用者輸入的資訊
我們平時進行網頁開發的時候,經常使用資料庫儲存使用者輸入的資訊。但是資料庫安裝配置比較複雜,對於一些簡單的需求並不適合。下面小編就給大家分享用HTML5快速儲存資訊的方法。
工具/材料
Sublime Text
操作方法
首先開啟Sublime Text軟體,在HTML介面中我們用HTML5語言佈局一些輸入框供使用者輸入資訊,如下圖所示
接下來我們在編寫查詢使用者輸入資訊的介面,如下圖所示,只需要一個輸入框和一個按鈕即可
然後我們在script標籤中獲取使用者輸入的資訊,並且通過localStorage物件進行本地儲存,如下圖所示
下面實現資訊查詢的功能編寫,這裡主要是通過localStorage的getItem方法進行資訊獲取的,如下圖所示
然後我們通過列表的形式將HTML5儲存的資訊都展示出來,如下圖所示
接下來我們執行頁面程式,在輸入框裡面輸入你要新增的資料,這裡簡單的輸入一些測試資料,然後點選新增記錄按鈕即可,如下圖所示
當我們新增記錄以後,就會在列表中看到我們增加的資訊了,它是以鍵值對的形式儲存的,如下圖所示
最後在查詢輸入框裡面我們輸入鍵就會得到相應的值,如下圖所示
-
Excel單元格如何限制輸入?
在Excel處理當中,我們往往需要限制某一列的單元格的輸入,希望能按預期的值來輸入資料。我們可以通過Excel的資料驗證來處理。下面一起看下。操作方法(01)開啟Excel文件,如圖,假設我們希望D列的每個單元格輸入的內容是一個數字,而且是介於20到50的值。其他的值都不允許...
-
捷渡D620行車記錄儀更換電池
三年前中獎的捷渡D620,一直放在櫃子裡,前兩天拿出來用,日期、時間設定完後,停車熄火時間後重新發動車子,顯示回原來出廠設定的時間(2012年1月1日)。經過查詢資料,確認捷渡D620有內建電池,判斷是電池失效。某寶買了電池,直接拆機更換。操作方法(01)用吹風筒熱風模式拼命吹記...
-
路由器有訊號沒網路
隨著科技的發展,電腦的網路連線也由線路連線變為更加方便的無線連線。路由器就是連線網路的裝置,它適用於各種機型的電子裝置。為人們的生活提供便利。操作方法(01)將網線連線到路由器WAN口,再把電腦連線到路由器的LAN口,把路由器的線斷掉,設定路由器,再給路由器連線電...
-
百度雲使用磁連結
百度雲現在已經更名為百度網盤。百度網盤不僅儲存功能強大,而且下載功能也很強大。今天小編就告訴大家如何用百度網盤網頁版和百度網盤手機客戶端下載磁力連結。百度網盤手機客戶端下載磁力連結方法(01)首先開啟我們的百度網盤手機客戶端,點選進入右下角選單欄的更...