button標籤和input的button

2021-09-20 09:59:13 字數 644 閱讀 4070

今天寫表單的時候,加了幾條驗證資訊,想實現區域性重新整理,類似ajax ,例如 使用者名稱不能為空之類的,但是在測試的時候,使用者名為空的情況下依然重新整理整個介面給我提交了,這就很難受了。

還好我之前寫的時候參照過網友的乙個表單,在他的**下執行一點都沒問題,於是我就看我的**和他不一樣,終於經過我的火眼金睛,我發現我提交按鈕用的是button標籤,他是input裡的button,

經測試 button應該和input 裡的submit一樣,有提交功能,而input得button應該就是純按鈕,時間緊迫,後續我再驗證自己的猜測是否正確

緊接著還是查了查,果然我的猜測是正確的,

button標籤也有三個type 屬性,分別是: button submit reset,預設是submit

又回到w3c官方文襠看了看button 標籤,發現了很重要的東西

如果在 html 表單中使用 button 元素,不同的瀏覽器會提交不同的值。internet explorer 將提交 與 之間的文字,而其他瀏覽器將提交 value 屬性的內容。請在 html 表單中使用 input 元素來建立按鈕。
所以表單裡面還是用input標籤來提交吧,雖然語義化差點,但是可以避免各種你意想不到的bug

BUTTON和INPUT的區別 z

以前都沒有想過這個問題,汗顏一下。from 一句話概括主題 具有相同的作用但是在可操控性方面更加強大。html 4.01規範的forms部分指名表單有以下幾種控制型別 buttons,checkboxes,radio buttons,menus,text input,file select,hidd...

input總是和button不能對齊

之前寫搜尋框時沒注意這個問題,按正常而定寫法input框和button邊框總是不能對齊,可以在控制台通過實驗button的marign top來調節,但是還是不太好的 這裡的總會出現錯位 解決1 在input和button外層都加一層span,使兩個span對齊,處理input邊框就行了,html ...

Input 標籤使用和屬性

您的標準文字輸入域 將是這個樣子 為了顯示 鍵盤,使用 對於電子郵件位址,如下 最後,對於乙個簡單的數字鍵盤 類似於 之一,但不帶 和 鍵 type text pattern 0 9 它也可以控制自動正確的使用以下paramater的 autocorrect off 最後,但絕非最不重要的,開啟或關...