HTML基礎(chǔ)教程之表單簡(jiǎn)介
首先來看下幾個(gè)門戶網(wǎng)站的用戶注冊(cè)界面:
淘寶
百度:
這些都是表單的內(nèi)容,也是一個(gè)網(wǎng)站的必備功能,接下來,我們來學(xué)習(xí)表單的基礎(chǔ)知識(shí):
表單的概念
表單主要用來獲取客戶端用戶數(shù)據(jù)(信息)的。如:注冊(cè)表單、查詢表單、登錄表單等。
表單的工作原理
瀏覽有表單的網(wǎng)頁,填寫一些必要的信息,然后點(diǎn)擊某個(gè)按鈕進(jìn)行提交。
?這些表單數(shù)據(jù),通過互聯(lián)網(wǎng),傳遞到了服務(wù)器上。
服務(wù)器上有專門的程序,對(duì)表單數(shù)據(jù)進(jìn)行驗(yàn)證。如果驗(yàn)證成功,將你的數(shù)據(jù)存入數(shù)據(jù)庫(MySQL),則返回一個(gè)驗(yàn)證成功的信息。如果驗(yàn)證失敗,將返回一個(gè)錯(cuò)誤信息。
從上面表單的工作原來看:表單的制作分兩個(gè)部分,一是前臺(tái)頁面的制作,二是后臺(tái)程序?qū)Ρ韱螖?shù)據(jù)的處理。本課程只介紹前臺(tái)頁面制作部分
表單的結(jié)構(gòu)
以下是一個(gè)簡(jiǎn)單的表單,我們會(huì)在接下來的時(shí)間學(xué)習(xí)它的每一個(gè)部分
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>用戶注冊(cè)</title> </head> <body> <font size="5" color="red">歡迎注冊(cè)php.cn</font> <form name="user" method="get" action="" > 用戶名:<input type="text" name="username"/> <br/> 密碼:<input type="password" name="userpwd"/> <br/> <input type="submit" value="提交信息"/> </form> </body> </html>
注:由于條件限制,所以希望大家在本地測(cè)試表單這一章的所有實(shí)例