在過(guò)去的幾年里，前端開(kāi)發(fā)發(fā)生了革命性的變化，變得更高效、更快，當(dāng)然也更大。 SPA 框架的引入使 Web 開(kāi)發(fā)發(fā)生了重大變化。更多繁重的工作轉(zhuǎn)移到了前端，需要處理更多的事情，例如動(dòng)態(tài) UI、路由、狀態(tài)管理等。因此，程序員習(xí)慣于使用新方法和第三方來(lái)減輕一些繁重的工作。當(dāng)然，它有它的優(yōu)點(diǎn)，但也有缺點(diǎn)，讓我們變得更懶惰。但是如果我告訴你，在前端的這段時(shí)間里，你可能錯(cuò)過(guò)了一些基本功能，而不是使用它們，而是使用第三方包甚至更糟糕的是，自定義樣式來(lái)實(shí)現(xiàn)基本的東西？！是的，當(dāng)然，讓我們從 html 中您可能不知道的 15 個(gè)功能的基礎(chǔ)開(kāi)始，它們將幫助您輕松實(shí)現(xiàn)友好的 UI。事不宜遲，我們開(kāi)始學(xué)習(xí)吧！
1、內(nèi)容可編輯屬性
contenteditable 是可以在元素上設(shè)置以使內(nèi)容可編輯的屬性。它適用于 DIV、P、UL 等元素。您需要這樣 設(shè)置它。
Earth 616 superheroes
1. Iron Man2. Captain America3. Black Panther
2、詳情標(biāo)簽（Details）
標(biāo)簽向用戶提供按需詳細(xì)信息。默認(rèn)情況下，小部件是折疊的。打開(kāi)時(shí)，它會(huì)展開(kāi)并顯示其中的內(nèi)容。
標(biāo)簽與 一起使用實(shí)現(xiàn)一個(gè)可以折疊打開(kāi)標(biāo)題及詳情內(nèi)容。Click here to see more from Earth 616 ID Name Location Job 1 John Doe Earth Human
3、datalist 標(biāo)簽
標(biāo)記指定預(yù)定義選項(xiàng)列表并提供自動(dòng)完成功能。
In case of emergency, which superhero would you call?:
4、Range 屬性
范圍輸入類型的表單類似于滑塊范圍選擇器。
