HTML不同按鈕的點選效果不同(創)

2022-03-24 01:22:25 字數 474 閱讀 3194

現象:在form表單裡寫了乙個button標籤,其中有click事件呼叫1個普通的js函式,發現點選按鈕的時候頁面重新整理了一下,在ie中不明顯(因為我沒有寫text型別的input),在firefox中只看到標籤閃了一下,在chrome中現象特別明顯,頁面有明顯的重新整理。

原因:form內button標籤的click事件會導致form的submit事件

解決方案:

有以下5種場景對應他們的效果:

1. form內 input type=submit 會導致form提交(笨蛋,這個最基礎了)

2. form內 input type=button 不會提交form

3. form內 button標籤,點選click會導致form提交

4. forminput type=button 不會提交form

5. formbutton標籤 不會提交form

實現點選不同的按鈕載入不同的css

這段時間做乙個小 發現有時候特別需要點選不同的按鈕去載入不同的css,這樣可以確定點選的是哪個,由於每個按鈕都是從後端資料庫載入過來的,不僅是簡簡單單的用id或者是類名,用過this也不行 前端載入的 1 2 a href id a name a books onclick books messag...

點選按鈕顯示不同的狀態

android給我們提供的ui還比較豐富,但是基本上都沒有做美化處理,所以在我們開發的過程中經常需要自己來處理控制項的樣式,今天給大家介紹乙個按鈕在按下 放開 收回後的處理顯示的效果進行乙個介紹 這是我寫的乙個關於按鈕的樣式檔案login btn.xml 儲存在drawable目錄下 解釋一下 an...

點選Button時,顯示不同的效果 背景

很早以前就知道怎麼做,但是覺得最好還是寫下來.在drawable資料夾下,新建乙個檔案,內容如下 然後在layout布局裡面,給按鈕 setbackground。解釋一下 每個item代表乙個約束條件,所以上方檔案總共有三個約束條件,state pressed state focused 分別代表是...