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

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

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

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

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

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

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

電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的ltinput標(biāo)簽中加入樣式代碼style=quotbackground urlsmallpngwidth200pxheight80pxquot3瀏覽器運行indexhtml頁面，此時顯示出了一個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 或者直接寫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。

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

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

lthtml lthead lttitle同一個頁面中多表單提交lttitle ltscripttype=quottextjavascriptquot functionmyCheck1 ifform1text1value==quotquot alertquot內(nèi)容不能為空，請輸入內(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。