1打開(kāi)Dreamweaver 編輯器，準(zhǔn)備好一個(gè)空白的html文件，寫(xiě)入基本的html結(jié)構(gòu)2創(chuàng)建表單，演示中表單中設(shè)置年齡和姓名兩個(gè)屬性，然后創(chuàng)建提交按鈕3上方設(shè)置script標(biāo)簽，在里面創(chuàng)建js函數(shù)，函數(shù)內(nèi)容為獲取表單提交 3接著打開(kāi)瀏覽器預(yù)覽效果，在表單內(nèi)填入內(nèi)容點(diǎn)擊提交4點(diǎn)擊提交后，js就會(huì)把數(shù)據(jù)提。

1將上面form標(biāo)簽中的onsubmit=quotreturn validateFormquot屬性，去掉2為“提交”按鈕添加onclick事件，如下ltinput type=quotsubmitquot value=quot提交quot onclick=quotreturn validateFormquot 方法三利用button組件的onclick函數(shù)，手動(dòng)提交 ltscript type=quottextjavascriptquotfunction modifyItem if。

在HTML中，建立一個(gè)提交表單頁(yè)面，提交后可以直接在數(shù)據(jù)庫(kù)看見(jiàn)的方法如下參考1首先，打開(kāi)HTML編輯器，創(chuàng)建一個(gè)新的HTML文件，如索引html，并介紹jquery2在indexhtml中的ltscript標(biāo)簽，輸入jquery代碼#39button#39clickfunction #39body#39append#39ltspan正在上傳中專ltspan#39set。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltinput type=quotsubmitquot ltinput type=quotresetquot 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功實(shí)現(xiàn)了提交按鈕和重置按鈕。

我們?cè)跒g覽一些網(wǎng)站時(shí)經(jīng)常會(huì)用到一種網(wǎng)頁(yè)元素表單如下圖，像這樣允許用戶輸入并使用按鈕提交信息的功能，我們稱之為表單，那么接下來(lái)介紹HTML表單相關(guān)的一些知識(shí)點(diǎn)1表單幫助服務(wù)器收集客戶端信息的一種機(jī)制 ltform action=quot提交到的頁(yè)面quot method=quot提交的方法quot 表單控件 form action數(shù)據(jù)最后。

1創(chuàng)建一個(gè)HTML文件，命名為testhtml，用于介紹form表單的各個(gè)元素2創(chuàng)建一個(gè)form表單，以ltform開(kāi)頭，以ltform結(jié)束標(biāo)簽結(jié)尾3在testhtml中，編寫(xiě)三個(gè)input元素，實(shí)現(xiàn)一個(gè)輸入框，一個(gè)單選，這三個(gè)元素必須有name屬性，表單提交時(shí)必須有name屬性才能正常提交4在頁(yè)面中添加一個(gè)提交的按鈕。

1使用button設(shè)置一個(gè)按鈕樣式 lthtmlltbodyltbutton type=quotbuttonquotClick Me！ltbuttonltbodylthtml2運(yùn)行的結(jié)果如下 二submit提交 1使用submit進(jìn)行表單的提交，代碼如下ltform action=quotform_actionaspquot method=quotgetquot ltpFirst name ltinput type=quottextquot name=quotfnamequot lt。

電腦瀏覽器html編輯器1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml，編寫(xiě)問(wèn)題基礎(chǔ)代碼2在indexhtml中的ltinput標(biāo)簽中加入樣式代碼style=quotbackground urlsmallpngwidth200pxheight80pxquot3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)顯示出了一個(gè)submit提交類型的圖片按鈕。

ltinput type=quotbuttonquot value=quot確定quot onclick=quotcheckpwdquotltform ltscriptfunction checkpwd var pwid=documentgetElementByIdquotpwidquot，得到密碼框 from1 = documentgetElementByIdquotfrom1quot得到需要提交的表單 ifpwidvalue==888 如果密碼正確 from1submi。

方法很多 用ltinput type = quotsubmitquot，把圖片設(shè)置為按鈕的背景，或者把圖片放到lta標(biāo)簽里lta href=quotjavascriptquot onclick=quotquotltimg lta 或者直接寫(xiě)img的onclick事件，判斷好了提交form就行了。

代碼lt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot body background #FEFECC registerBox width 630px font 14px arial，宋體，sansserif，quotMicrosoft YaHeiquot，tahoma border ridge 1px registerBox odd。

舉個(gè)簡(jiǎn)單的例子，一個(gè)讓用戶輸入姓名的HTML表單Form示例代碼如下form action=quot請(qǐng)輸入你的姓名input type=quottextquot name=quotyournamequotinput type=quotsubmitquot value=quot提交quotform學(xué)習(xí)HTML表單Form最關(guān)鍵要掌握的有三個(gè)要點(diǎn)表單控件Form ControlsActionMethod先說(shuō)表單控件Form Controls，通過(guò)HTML。

比如，你的服務(wù)器是php的，你的靜態(tài)表單要這樣寫(xiě)ltform method=quotpostquot action=quotsendmailphpquot ltinput type=quotsubmitquot value=quot提交quot ltform 相同的目錄里要寫(xiě)一個(gè)腳本 sendmailphplt？php title=quot郵件標(biāo)題quotto=quot78@comquotif$_POST content=quot姓名quot$_POST#39name#39。

lthtml lthead lttitle同一個(gè)頁(yè)面中多表單提交lttitle ltscripttype=quottextjavascriptquot functionmyCheck1 ifform1text1value==quotquot alertquot內(nèi)容不能為空，請(qǐng)輸入內(nèi)容quotform1text1focusreturn form1submit functionmyCheck2 ifform2text2value==quotquot ale。

ltinput type=quotsubmitquot value=quot提交quot ltform ltform method=quotpostquot action=quotqueryphpquot ltlabel for=quotqueryquot查詢ltlabel ltinput type=quottextquot name=quotqueryquot id=quotqueryquot required ltinput type=quotsubmitquot value=quot查詢quot ltform ltbody lthtml submitphp代碼php code lt？php。