Használod, hmm. Nos, ha egy olyan gombot szeretne elhelyezni az oldalra, amelyre a felhasználó rákattinthat, ugye? Sajnos minden egy kicsit bonyolultabb. Elvileg ez közel áll az igazsághoz, de tanulmányozzuk mélyebben az ügyet.
Az elem maga így néz ki:
elem
Ha egy gombot kattintunk, akkor bizonyos műveleteket végrehajtunk, ha a megfelelő környezetet használjuk.
A gomb formai elem
A webes űrlapok tartalmazhatnak gombokat a műveletek végrehajtására (megerősítésére). Lehet, hogy úgy gondolja, hogy így néz ki:
Elem a héjban
Mindazonáltal az űrlapok is feloldhatják a gombokat. A gomb cselekvési típusát megismételheti, megváltoztatva az alapértelmezett viselkedést a visszavonandó művelet végrehajtásával (megerősítve):
Ha rákattint erre a gombra, az összes többi beviteli mezőt (és textareas) törli a szülőblokkból
A gombok tartalmat tartalmazhatnak
Az elem használatának fő oka
Míg mentésre kerül. ez a vegyes tartalom jelenik meg a képernyőn.
Amennyire én tudom, nincs különösebb korlátozás arra, hogy mit helyezhet el egy gombon belül, így bármit be tudsz tenni benne, ami nagyon bizarr gombokat hozhat létre. Pszeudo elemeket is használhat.
Most hagyjuk el a stílusok témáját , bár a különböző böngészők általában különleges stílusokat alkalmaznak a gombokra. Ha szeretné, elhagyhatja a böngészők által használt stílusokat, vagy teljesen törölheti azokat, majd az alapértelmezett stílus helyettesítheti a böngésző stílusait.
Megjegyzés: "ha a gombnak nincs érvényes hrefje, akkor ez csak egy elem"
Ne feledd, korábban azt írtam, hogy ez a téma igazi örömöt nyújt nekem. Ez inspirált engem írni ezt a cikket. Elképzeltem, mennyi örömet kapok a különböző incidensek vizsgálatával. Például:
Ha nem szereted ezeket a értelmetlen linkeket, a van egy jó alternatíva. De sajnos, a blokk környezetén kívül
viszont még mindig jobbnak tűnik
Még ha nem tesz semmit kívülről
De a következőket tehetjük:
Mikor kell használni a linkeket?
Ez fokozatos javulást jelent a jobb alkalmazása szempontjából. Például:
Kapcsolódó kérdések
Tegyük fel, hogy horgonyzó kapcsolatot használ. De csak úgy döntöttél, hogy dicsérsz magadnak, hogy lépést tartasz az időkkel, és progresszív javulást használsz, mivel vannak problémák.
Kaphat valamit, amit kaptam!
De maga még mindig nem rendben van. Az MDN részletesen megvizsgálja ezt a problémát:
Megjegyzés: Vigyázzon, amikor a gombok funkcióival linkeket jelöl. A gomb műveleteit általában a szóközzel hívják, míg a hivatkozások műveleteit az Enter billentyűvel hívják.
Más szavakkal, ha olyan hivatkozásokat használsz, amelyeknek viselkedniük kell, mint a gombok, csak a role = "gomb" hozzáadása nem elég.
Ezenkívül hozzá kell adni egy műveletkezelő kulcsot, amely reagálni fog a szóköz megnyomásával az eredeti gomb megfelelőségének biztosítása érdekében.
Mi történik? Kapcsolatokat és gombokat aktivál különböző gombokkal. Tehát vegye ezt figyelembe.
Nos, ez minden. És hmm. interaktív dolgokat helyesen.
A "A Button Element használata" című cikk fordítását a Saitostroenie projekt barátságos csapata készítette el az A-tól Z-ig.