表單與css選擇器學習，html5如何將表單數據提交到數據庫表的指定空格？
為了這個問題我專門寫了一篇文章，請直接看文：
昨天在不經意的瀏覽網頁，突然收到了一個問題回答的邀請，看了這個問題我不僅思緒萬千，其實亮點不在于這個問題，這個問題本身沒沒有什么特殊，而這個問題中的一些東西讓我產生了一系列聯想，這個問題是這么問的：“html5如何將表單數據提交到數據庫表的指定空格？”。
如果放在幾年前去看這個問題，html/js怎么可能操作數據庫呀，這就是表單提交數據到數據庫的過程，你的回答則會是，這中間是需要經過一系列過程的，比如同過form表單或者ajax將數據提交給web服務器，如果是java了就一般是jboss服務器或者tomcat之類的，如果是phpweb服務的話，一般是nginx或者apache服務器，然后web服務器接到請求響應之后將再交給具體的語言進行解析，然后在接下來這些計算機語言將提交過來的字段做數據校驗處理后，會將字段與數據庫字段做一一映射。
然后計算機語言通過數據庫提供的一些協議，與數據庫進行連接，如jdbc協議，odbc協議，連上之后通過對數據庫的操作把數據存入數據庫，然后計算機語言（php或者java等）把處理結果輸出交給web服務器，web服務器再把這些輸出返回給客戶端html頁面，到此為止實現了一個請求及相應的整個過程，而這個過程中涉及的角色也比較多，如前端頁面，前端js,http協議，web服務器，后端服務計算機語言,數據庫協議等，這么多東西去實現了一次頁面數據的請求交互。
html5現在雖然很先進了，但是他畢竟是前端語言(這里他說的html5我想也有說js的意思)，如果用前端語言直接去訪問數據庫的話肯定是不安全的呀，前端的js代碼是在客戶端里能看到的，誰可能那么傻將數據庫連接地址賬號密碼暴露在客戶端，如果前端的語言設計成直接連數據庫，我想那么設計者的思想肯定有問題了，也許你會反駁，我明明看到網上有寫著用js連接數據庫的方法呀，不信你看下圖內容。
這段代碼看著的確是數js連接數據庫了，那這么就有幾種可能，第一這個js不是你理解的js，是后端的一種語言，比如nodejs是一種后端的js語言，那么它連接數據庫也是沒什么問題的呀，這種情況是不會暴露數據庫地址的，第二種情況，這里的數據庫不是我們傳統意義上的數據庫，不存在什么安全性問題，如果真是前端js就能連接數據庫了，那么這樣的技術你敢用么？也就是說不存在后端開發了，所有業務邏輯都放在前端，然后用js寫業務邏輯，js去連接數據庫，那么這樣的產品還有什么安全可言，代碼豈不是都公布與眾了？雖然能用js混淆壓縮，但是還是可以反解壓不是么？只是成本問題而已。
當然，話有說回來，html5技術的確牛了許多，他實現了以前好多不能實現的東西，比如以前網站的驗證碼只是一張圖片，圖片上寫一個數字，然后就可以防止一些不法用戶的暴力請求，可是html5的技術誕生之后，這些簡單的圖片驗證碼已經防止不了，現在市面上的網上已經看不到這種驗證碼了吧，都已經改成手動滑動，或者漢字順序點擊，或者各種找同類型的等等花樣的驗證碼，12306網站應該是在這方面開了先河吧，或者有的網站直接用手機驗證碼作為驗證碼了，這個主要是短信費用的成本。
另外，市面上好多app并不一定是原生的app, 也就是用的不一定是android技術或者ios技術，而是用的html5的技術，可見html5的出現使前端地位在技術領域內提高了不少，另外近來比較流行的小程序也是對html5技術的一些封裝，可見未來html5的作用將會越來越大。
即便如此，不論html5技術發展到什么地步，但是一些方向性問題是不會變的，比如，用前端語言直接訪問數據庫這個問題是不太可能的，除非以后有一種非常強的不可破解加密技術，那樣的話有可能會有這么一天。另外我想說的在計算機世界里看著很炫酷的東西，用到的技術都是很樸實的，只不過計算機快速運算加上程序員們邏輯的智慧才讓我們看到了這華麗的一切，就比如說我們看到的動畫，一個白色小球在自由落體運動，你真以為是這個小球在向下運動么？其實不是的，程序實現的思路是先畫一張背景圖，然后再背景圖上畫一個白色的小球，然后再畫一張背景圖把原來的小球和背景給覆蓋掉，然后再畫一個小球在新的背景上（這次小球的位置比上次小球的位置略略向下一點），就這樣重復的繪制，在用戶的視覺里看到的小球在向下運動，其實是程序在一張張的繪制圖片而已，這并沒什么高深的，其實任何技術的本質上都是很質樸的，包括你看到的一些黑科技，你覺得炫酷是因為你不了解原理，你一旦了解了原理你就會發現原來也不過如此啊。
以上所有圖片均來之互聯網
大家好，我是“上世是朵花”。如果你有什么好的看法或者觀點可以在評論區展現你的才華，互動交流，如果想進一步了解我，那就關注我吧！
html如何查看提交的表單？
將提交方式改成get就可以查看
你用過的最讓你震驚的網站有哪些？
03.Fotor懶設計
Fotor懶設計是一款輕量級的免費在線設計工具。
提供設計模板和在線編輯工具，幫助你你快速完成設計，有以下這些亮點：
①10萬+原創可商用模板：網站提供超過10w+個設計模板，包含海報、公眾號封面圖、電商banner、視頻封面圖等尺寸，商務、科技、漫畫等各種風格類型，節假日、促銷、廣告、比賽、校園活動、照片等各種預設好的內容。模板質量極高，這將大大降低我們后期修改的成本。
值得一提的是，Fotor懶設計的模板，全部都是設計師們原創設計且擁有版權的。因此，你可以放心商用。
Fotor在線設計工具_免費設計素材和模板_在線平面設計網站
www.fotor.com.cn
②簡便的在線設計工具：選擇好了模板，我們可以利用Fotor懶設計的在線設計工具對模板進行修改。調整字體、顏色、大小等，這些設計中的常用功能，Fotor懶設計統統都有，在線使用，簡單易上手，簡單調整就能快速出圖。
除了基礎的改字、改顏色等功能，吸色筆、對齊、圖層、鎖定、陰影、透明度等功能一應俱全，可以滿足你更多的設計需求！
完成修改之后即可一鍵導出高清文件，JPG、PNG、PDF多種格式可選，超級方便！
③原創素材、正版字體：除了模板，Fotor懶設計還提供400多款正版字體可供選擇。
另外，還有適用各種場景的矢量貼紙和豐富的背景圖片應有盡有，讓設計更具創意。
④強大的圖片編輯功能：除了設計，Fotor懶設計還有一個圖片編輯功能，摳圖、修圖、裁剪、美顏、濾鏡等功能應有盡有。相比復雜且有一定門檻Photoshop，幾乎都是“傻瓜式”的操作，簡單勾勒2筆就可以快速完成看似很復雜的摳圖，非常方便。
方便又實用的工具網站，建議收藏使用。
Fotor在線設計工具_免費設計素材和模板_在線平面設計網站
www.fotor.com.cn
03.辦公資源網
這個網站讓我震驚的原因很簡單，以前我們PPT、word、等都得自己花時間找素材在進行制作。現在就不用了，通過辦公資源網直接下載喜歡的模板替換里面的內容文案/小素材就直接搞定了。
大大的節省了制作時間并且相比自己設計的模板美觀大方不少。在里面可以獲取各種PPT模板、PPT圖表、word模板、以及一些背景音效、尤其里面比較有特色的office教程非常不錯，對于想學習office的朋友來說非常贊。
PPT模板，這個欄目比較有特色，網站主會根據時節更新很多時下的熱門模板。在迭代更新上是下足了功夫，想要獲取最新的模板一定不要錯過。
各種顏色，形狀的PPT圖表給我們做統計分析帶來了便利，不會做統計后期直接下載一份直接套用就搞定了。簡單、好看、受表揚。
對于求職者來說一份美觀大氣的簡歷模板非常重要，這可是HR篩選簡歷的第一步，不會做簡歷模板？沒關系，在幫紅資源網下載一套模板直接進行修改即可。
部分人對于office軟件不是很熟悉，花了很多冤枉錢去參加了一些培訓班之類的，到頭來沒有時間學，或者沒有學好。這個問題辦公資源網也為大家想到了，只需在線參加視頻學習，想什么時候學習都可以。學海無涯趕緊去學起來吧。
辦公資源網_海量辦公資源及素材_精美創意模板下載
www.bangongziyuan.com
04.5118大數據
這個網站數據分析功能極其強大，近兩年在站長行業猛然崛起的多功能平臺。
網站首頁的功能：關鍵詞挖掘、SEO綜合查詢、網站排名詞查詢，就得到了很多站長們的青睞。
最讓我鐘意的是“需求圖譜”這個功能，畢竟對用戶需求的分析是每一個行業都必須掌握的要素。
日常做用戶調查，大部分人選擇的方式應該是：詢問身邊人、問卷調查、還要整理一大堆圖表，甚是繁瑣且不一定是我們想要的。
而這個功能只要輸入一個關鍵詞，通過大數據的統計分析，不僅能快速的計算出用戶最關心的問題，且數據精準，完全節省了我們做分析調查的時間成本。
得出的這些關聯詞就代表了用戶需求，可以理解為用戶的痛點，利用這些高頻詞匯用作解決用戶問題的文案，即是一篇受用戶歡迎的好文案。
另外，5118的智能原創功能，也是不少新媒體人寫作必備的工具。
簡單輸入一句話，就能自動搜索互聯網上最相關的內容，多個核心內容供我們參考，各大榜單的熱點追蹤也能提供不少寫作靈感。
站長工具,seo綜合查詢,長尾關鍵詞挖掘 - 5118大數據
www.5118.com
05.123apps
雖然網站里帶有的app字樣有些迷惑行為，但它確確實實不是提供app下載的網站。
而是一款功能豐富的在線網站，可讓我們在線使用有關PDF、音頻、視頻的功能。
具體的功能有：轉換格式、音樂剪輯、視頻剪輯、在線錄制等。
我們來使用一下剪輯功能：
直接上傳便可開始使用，比如剪切、導出m4r格式制作iPhone的手機鈴聲、從視頻中提取音頻等等用途，實用性大大地有。
有什么好的HTML入門書籍推薦？
學HTML要看什么書？相信剛剛入門前端的小伙伴都會有這樣的困惑。本文將向大家推薦HTML從入門到進階學習全階段的書籍，看完這些書對大家在前端學習會有很大的幫助。
1.《HTML5 揭秘》作者:Mark Pilgrim
推薦理由:是知名的《HTML5:up and running》的中文譯本，很詳細的介紹了HTML5的最新技術，如果你經常看Dive into HTML 5這個網站，肯定很了解這本書了。算是入門款書籍，不枯燥，技術層面一般，適合菜鳥看，好在對格局有一定見解。當然如果一丁點編程知識都沒有，也需要在閱讀的時候多補充一下，非常推薦。
2.《響應式Web設計:HTML5和CSS3實戰》作者：Ben Frain
推薦理由：全書主要是帶領讀者做一個小網頁來寫的，其實響應式的東西講得比較少，大半內容是介紹H5和css3的基礎知識。如果同時想了解H5和css3和響應式設計入門，這本書不錯。
3.《瘋狂HTML 5/CSS3/JavaScript講義》作者：李剛
推薦理由：這是一本全面介紹HTML 5、CSS 3和JavaScript前端開發技術的圖書，系統地介紹了HTML 5常用的元素和屬性、HTML5的表單元素和屬性、HTML 5的繪圖支持、HTML5的多媒體支持、CSS 3的功能和用法、最前沿的變形與動畫功能等。除此之外，《瘋狂HTML 5/CSS 3/JavaScript講義》還系統地介紹了JavaScript編程知識，包括JavaScript基本語法、DOM編程，以及HTML 5新增的本地存儲、離線應用、JavaScript多線程、客戶端通信支持、WebSocket編程等。
4.《HTML5觸摸界面設計與開發》作者：StephenWoods
推薦理由：《HTML5觸摸界面設計與開發》專注于觸摸界面的開發，內容的結構和優化網站的思路大概一致。上半部分涵蓋了能使各類網站，特別是移動網站變快的基本概念。書的后半部分是專門講觸摸界面的，特別是盡可能地讓它們更平穩和快速。本書適合具有一定經驗的Web開發者閱讀參考。
5.《HTML5高級程序設計》作者：柳伯斯/阿伯斯/薩姆
推薦理由：《HTML5 高級程序設計》是《Pro HTML5 Programming》的中文譯本，寫的相對比較深入，如果你對HTML5有較多了解，可以選擇這本書。這本書適合有豐富編程經驗的Web應用開發者。書中沒有互聯網發展基礎知識的介紹。但是書中有許多現成的資源可以加快學習Web編程原理。當然，對于程序的的書跟平常的名著還不一樣，因為自身經驗不同，看法不同，需求不同，對于書的評價也不同。
學HTML從入門到進階的一系列書籍就推薦到這里了。書都是好書，大家在看的時候，可以根據自身情況，選擇適合自己的書來鉆研。