html5提交表單,div提交表單

html5怎么使用input提交表單

form?action='index.php'?method='post'?!--?提交方式?--

目前創(chuàng)新互聯(lián)已為上千家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)頁空間、網(wǎng)站運營、企業(yè)網(wǎng)站設計、小店網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

input?type="text"?name="text"?!--?提交內容?--

input?type="submit"?name="submit"?!--?提交按鈕?--

/form

望采納~ ?不懂可追問

HTML5表單標簽，與瀏覽器交互

1、form表單：網(wǎng)址與用戶交互，把瀏覽者輸入的數(shù)據(jù)傳送到服務器端，這樣服務器端程序就可以處理表單傳過來的數(shù)據(jù)。

語法： form method="傳送方式" action="服務器文件"

? ? ? form ： 標簽是成對出現(xiàn)的，以開始，以/form結束。

? ? ? action ? ： 瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個PHP頁面(save.php)。

? ? ? method ? ： ?數(shù)據(jù)傳送的方式（get/post）。

2、文本輸入框、密碼輸入框

語法：

form

input type="text/password" name="名稱" value="文本" /

/form

type：

當type=" text "時，輸入框為 文本 輸入框 ;

當type=" password "時,?輸入框為 密碼輸入框。

name： 為文本框命名，以備后臺程序ASP 、PHP使用。

value： 為文本輸入框設置默認值。(一般起到提示作用)

3、占位符placeholder,屬性，有時候需要提示用戶輸入框需要輸入框的內容

4、input標簽中的數(shù)字框number類型

? ?input type="number"/? ：輸入框中只能輸入數(shù)字，輸入其他字符無效，輸入框右側會有加減符號，可以調整輸入數(shù)字的大小，瀏覽器不同表現(xiàn)不一致。

5、input標簽中的網(wǎng)址框url類型

input type="url"/： 數(shù)字框的值需以http://或者https://開頭,且后面必須有內容,否則表單提交的時候會報錯誤提示

6、input標簽中的郵箱框的email類型

input type="email" / ： 表示該輸入框的類型為郵箱；數(shù)字框的值必須包含@；數(shù)字框的值@之后必須有內容,否則會報錯誤提示。

7、textarea標簽創(chuàng)建文本域

? 語法：? textarea rows=" 行數(shù)" cols=" 列數(shù)" 文本/textarea

8、label為input標簽穿上衣服：如果你在 label 標簽內點擊文本，就會觸發(fā)此控件。就是說，當用戶單擊選中該label標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上（就自動選中和該label標簽相關連的表單控件上）

? ? 語法：label for="控件id名稱" （標簽的?for 屬性中的值應當與相關控件的?id 屬性值一定要相同。）

9、單選框、復選框

input type="radio/checkbox" value="值" name="名稱" checked="checked"/

type:? ? 當? type="radio"? 時，控件為 單選框

當? type="checkbox" ?時，控件為 復選框

value： 提交數(shù)據(jù)到服務器的值（后臺程序PHP使用）

name： 為控件命名，以備后臺程序 ASP、PHP 使用

checked： 當設置 checked="checked" 時，該選項被默認選中

? ? 注意： 同一組 的單選按鈕，name 取值一定要一致，比如上面例子為同一個名稱“radioLove”，這樣同一組的單選按鈕才可以起到單選的作用。

10、使用select option創(chuàng)建下拉菜單 （select標簽里面只能放option標簽，表示下拉列表的選項）

???設置selected="selected"屬性，則該選項就被默認選中。

11、提交/重置 按鈕

? 語法：input?type="submit"value="提交"

? ??????????input? type="reset" ?value="重置"

html 表單一定要用submit提交嗎

不一定需要用submit提交

1. HTML提交表單

HTML提交表單簡單易操作，依靠在form標簽對中的input type='submit'提交按鈕進行請求發(fā)送和參數(shù)提交。其中form標簽的post屬性決定提交方式是get還是post。

servlet或者action根據(jù)name屬性獲取提交的參數(shù)

2. HTML超鏈接請求

只使用html發(fā)送超鏈接請求的話，方式比較單一。傳遞參數(shù)值是被寫死的，并且只能使用get方式去發(fā)送請求。如果不用javascript的話，超鏈接還是作為一個頁面跳轉按鈕比較合適。

jsp代碼

3. Javascript提交表單

使用js和html提交表單的話就可以靈活很多，因為js不僅有針對頁面很多的觸發(fā)事件，而且可以獲取到html頁面元素的信息。

3.1 form表單提交前觸發(fā)事件

這里主要是介紹下在提交form表單之前的onsubmit事件,在很早以前學習的時候，這個事件會被作為用戶輸入數(shù)據(jù)校驗的入口。不過仍然因為js使html頁面的靈活性變高，這種前端校驗用戶輸入的方式也不是那么唯一。

jsp代碼

javascript代碼

網(wǎng)頁標題：html5提交表單,div提交表單
本文鏈接：http://m.jiaotiyi.com/article/dsgsjco.html