當前位置:首頁 » 網頁前端 » 前端選擇按鈕
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端選擇按鈕

發布時間: 2023-07-01 08:19:06

1. 前端框架Bootstrap--按鈕和折疊插件

可以通過按鈕插件創建不同狀態的按鈕
(1)單個切換

注意:在Firefox多次頁面載入時,按鈕可能保持表單的禁用或選擇狀態
解決方案添加autocomplete=」off」
(2)單選按鈕

(3)復選按鈕

(4)載入狀態

Button插件中的button方法中有三個參數:toggle、reset、string(比如loading、complete)
(5)可代替data-toggle=」button」

通過點擊可以折疊內容
基本實例

data-parent: 默認值為false,設置需指定父元素選擇器,也就是說,選定其中一個折疊區,其他折疊將隱藏,實現手風琴效果。
data-toggle: 如果前面加data-*,設置』collapse』表示實現折疊;如果是javascript中的屬性,默認為true,實現反轉

手動調用

collapse方法還提供了三個參數:<a>hide、show、toggle</a>

Show.bs.collapse : 在show方法調用時立即觸發
Shown.bs.collapse : 折疊區完全顯示出來是觸發
Hide.bs.collapse : 在hide方法調用時觸發
Hidden.bs.collapse : 該事件是折疊區域完全隱藏之後觸發
例子

往後還會更新前端Bootstrap其他知識部分,謝謝大家閱讀本人文章,祝願大家心想事成!

2. 為什麼有些前端一直用div當按鈕,而不是用button

w3c標准其實有時候挺坑的,為了這個標准,這不能用,那不能用。

還有就是各種標簽眼花繚亂,反正多而砸,很多標簽可以相互替代。在一定程度上對開發者不友好,增加學習成本。

雖然標准統一是好事,但是太標准也,有時也是一件麻煩事。

比如button,就是按鈕,綁定事件的。可是呢現在看來樣式太丑,你要美化它,還得去邊框等等。還有就是button,你嵌套一張圖進去,然後添加事件。先不說是否符合標准,一看就覺得別扭,不是button該乾的事。

所以使用button在當下不方便,反正事件大多元素都可以加,而且比button好用。

所以用p模擬也是可以的

因為button按鈕的樣式一般不符合ui需求。需要重寫或覆蓋原有樣式比較麻煩。

其實按正常來說是應該用button來寫按鈕,但實際開發過程中每個人的喜好不同,再加上在代碼規范上也沒有那麼多的條條框框,所以就用p來寫按鈕也是ok的。

在很多人的開發習慣中,塊級元素都可用p來實現,行內元素都可用span來實現,畢竟除了特定的標簽之外通過css+js都可以實現同樣的功能。

其實開發人員不用糾結是用那些標簽去實現功能,包括在定義class名的時候也是千奇百怪,我們做不到讓每個人都共用一套模式,對於自己而言不管是怎麼寫的,最後保證不報錯並且兼容主流瀏覽器這就夠了。

現在越來越多的前端框架層出不窮,來我公司面試的前端人員甚至只會通過框架去做項目,連最基本的html+css+js基礎都不牢固,在實現一些網頁特效上顯得一頭霧水,不是我說掌握更多的主流框架不好,而是在不斷學習框架的前提下應該把基本功掌握牢固,當然這也是和當前的培訓機構有關系,很多的培訓機構都是為了讓學員能夠最快的去找到工作而忽略了基礎知識。

當下前端也在不斷地擴寬自己的行業領域,除了vue、小程序之外,有的還要去了解mysql以及php等等,這也是為了在面試中能夠找到一個更好的工作。

綜上所述按鈕用不用button都無傷大雅,主要的是功能的實現以及瀏覽器的兼容性。

以上是我的一些看法,感謝大家的觀看。

Button適合在表單內自動觸發比如type="submit",有時候前端需要更多的控制,所以可以使用p,span,a都行。

不過我們現在還是盡量用button表達按鈕,type設置為button,仍然用js監聽觸發或者有的地方直接用onclick。

因為發展到了H5的地步,button的功能完全能用p覆蓋了。

1.現在都用自定義樣式,button的樣式需要寫css覆蓋。

2.button如果在form元素下的的話,不加type="button",會直接提交表單,這樣每次都加很麻煩。

樣式容易控制,行為容易控制。直接用原生button,可能會出現想不到的樣式行為問題[機智]。

主要因為兩點:

其實從語義化思想來看,按鈕不該使用,而應該使用 或 。p 雖然具備 onclick 事件響應,但本意是 html 用來布局的;而 和 本身就是 html 按鈕。試一下:在一個純 html 文檔(無任何css和js內容和引用)寫上 p 和 button 標簽,瀏覽器都會有默認的渲染效果和交互方式。




主要還是 方便。

button是自帶 樣式 事件 的。

比如默認的巨 按鈕和在表單中點擊會submit 提交 表單。

而p就是一個塊元素,乾乾凈凈不用重寫,想怎麼定義就怎麼定義。

對比之下,有什麼理由不用p呢?[奸笑]




個人感覺最重要的p可以直接自定義樣式,button要消除原有樣式很煩。




這個問題不應該問前端開發 應該問一下那些制度W3C為什麼這么坑 這么反人類 但凡他們規范制定合理一點好用一點 也不至於前端用p來代替 我們也想好好用button啊

3. 台式電腦前端版面的介面、按鈕有哪些

台式電腦前端面板的標准介面和按鈕主要有:開機鍵,重啟鍵,3.5㎜音頻介面,3.5㎜麥克風介面,2個usb2.0介面,1個usb3.0介面。還有特殊的介面:燈效開關,type -c介面,光碟機彈出按鈕。
主要就是這些介面和按鈕。

4. html中<radio>單選按鈕控制項標簽用法解析及如何設置默認選中

方法有兩種。
第一種通過<select>的屬性來設置選中項,此方法可以在動態語言如php在後台根據需要控制輸出結果。
< select id = "sel" >
< option value = "1" >1</ option >
< option value = "2" selected = "selected" >2</ option >
< option value = "3" >3</ option >
</ select >
第二種為通過前端js來控制選中的項:
< script type = "text/javascript" >
function change(){
document.getElementById("sel")[2].selected=true;
}
</ script >
< select id = "sel" >
< option value = "1" >1</ option >
< option value = "2" >2</ option >
< option value = "3" >3</ option >
</ select >
< input type = "button" value = "修改" onclick = "change()" />
獲取<select>標簽選中項文本的js代碼為:
var val = document.all.Item.options[document.all.Item.selectedIndex].text;
var i=document.getElementById('sel').options[document.getElementById('sel').selectedIndex].value;

(4)前端選擇按鈕擴展閱讀

Radio 對象代表 HTML 表單中的單選按鈕。在 HTML 表單中 <input type="radio"> 每出現一次,一個 Radio 對象就會被創建。

單選按鈕是表示一組互斥選項按鈕中的一個。當一個按鈕被選中,之前選中的按鈕就變為非選中的。當單選按鈕被選中或不選中時,該按鈕就會觸發 onclick 事件句柄。您可通過遍歷表單的 elements[] 數組來訪問 Radio 對象,或者通過使用 document.getElementById()。

5. 如何在前端頁面點擊一個按鈕後,另一個數據可修改

使用dataGridView1_CellClick事件此事件參數(object sender,DataGridViewCellEventArgs e)
string key=this.dataGridView1.CurrentRow.Cells[e.ColumnIndex].Value.ToString();
e.ColumnIndex獲得你所點擊的這個單元格的列索引號。
傳遞參數的話,方法比較多。
假如在A窗體中有DataGridView控制項。要傳遞到B窗體,可以在B窗體添加一個方法以傳參方式傳遞數據。當點擊A窗體的按鈕打開B窗體前調用此方法傳遞數據key即可。
或者可以在B窗體添加屬性,在A窗體的按鈕點擊事件中為B窗體的這個屬性賦值即可。
或者可以採用為B窗體添加構造用構造傳參。

6. 前端一大篇文章 怎麼 點擊按鈕進行 編輯

遍歷出來多個input輸入框和編輯按鈕,當點擊任意一個按鈕可以獲取當前這行input的值!不知道怎麼獲取,感覺沒標識。
<tr>
<td><input type="text" name="car_number" class="car_number"></td>
<td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
<td><input type="text" name="car_number" class="car_number"></td>
<td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
<td><input type="text" name="car_number" class="car_number"></td>
<td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
<td><input type="text" name="car_number" class="car_number"></td>
<td><input type="button" class="save" value="保存" ></td>
</tr>

7. 前端表格怎麼添加選擇按鈕

<tr><td><input type="button" value="按鈕"></td></tr>
tr標簽是行,td是列。在td標簽裡面嵌套input控制項標簽。

8. .net mvc 的前端頁面怎麼才能實現點擊按鈕, 觸發功能 我需要的是點擊按鈕 該按鈕變色, 但是像我寫的這樣

點擊按鈕改變某行數據的顏色,還是點擊按鈕改變按鈕的顏色?
不管怎樣,引入jQuery就很好解決。js或者jQuery實現以上任何操作的思路都一致:1.獲取該對象(比如一個<tr>對象,一個<button>對象……)2.設置該對象的屬性。