為什么有些前端一直用div當(dāng)按鈕，而不是用button？事實(shí)上，W3C標(biāo)準(zhǔn)有時(shí)很無(wú)聊。對(duì)于這個(gè)標(biāo)準(zhǔn)，這個(gè)不能用，那個(gè)不能用。還有各種各樣的標(biāo)簽讓人眼花繚亂，反正多了又砸，很多標(biāo)簽可以互相替代。在一定程

為什么有些前端一直用div當(dāng)按鈕，而不是用button？

事實(shí)上，W3C標(biāo)準(zhǔn)有時(shí)很無(wú)聊。對(duì)于這個(gè)標(biāo)準(zhǔn)，這個(gè)不能用，那個(gè)不能用。

還有各種各樣的標(biāo)簽讓人眼花繚亂，反正多了又砸，很多標(biāo)簽可以互相替代。在一定程度上，它對(duì)開(kāi)發(fā)者不友好，增加了學(xué)習(xí)成本。

標(biāo)準(zhǔn)統(tǒng)一雖然是好事，但太標(biāo)準(zhǔn)也是一件麻煩的事。

例如，按鈕是綁定事件的按鈕。但現(xiàn)在看來(lái)，這種風(fēng)格太難看了。如果你想美化它，你必須去邊境等。還有一個(gè)按鈕，你在里面嵌套一個(gè)圖，然后添加事件。先別說(shuō)是否符合標(biāo)準(zhǔn)。看到它很不舒服。這不是巴頓應(yīng)該做的。

所以現(xiàn)在不方便使用按鈕。無(wú)論如何，大多數(shù)事件元素都可以添加，而且比按鈕更容易使用。

所以可以用div進(jìn)行模擬

瀏覽器將有自己的輸入框樣式。如何修改輸入框的樣式和點(diǎn)擊時(shí)的樣式如下。

1. HTML編寫(xiě)時(shí)，有一個(gè)輸入文本框和一個(gè)input type=button。

2. 輸入基本樣式書(shū)寫(xiě)，占位符樣式也可以修改，主要是去掉原來(lái)的輸入樣式，添加自己的樣式。

3. 單擊時(shí)，輸入框的樣式將更改。單擊時(shí)可以添加動(dòng)畫(huà)。單擊輸入框時(shí)會(huì)出現(xiàn)陰影和顏色。

涉及的知識(shí)點(diǎn)：

1修改占位符的樣式，文本縮進(jìn)控制文本距離

2修改輸入邊框的樣式，刪除原來(lái)的樣式

3單擊時(shí)更改邊框顏色和陰影，框陰影中的發(fā)光樣式看起來(lái)更漂亮

單擊時(shí)將添加4個(gè)動(dòng)畫(huà)

首先，選擇WPS文本菜單按鈕（倒三角按鈕）-編輯-清除-格式。

其次，選擇默認(rèn)文本工具欄上的“清除格式”按鈕。