Ako vytvoriť tlačidlo HTML, ktoré funguje ako odkaz

Niekedy možno budete chcieť použiť tlačidlo na odkaz na inú stránku alebo webovú stránku, než na odoslanie formulára alebo podobne. Je to pomerne jednoduché a dá sa to dosiahnuť niekoľkými spôsobmi.

Jedným zo spôsobov je jednoducho zabaliť značku do značky:

Link To freeCodeCamp

Toto celé vaše tlačidlo transformuje na odkaz.

Druhou možnosťou je vytvoriť odkaz ako zvyčajne so svojou značkou a potom ho upraviť pomocou CSS:

Link To freeCodeCamp

Po vytvorení odkazu môžete pomocou CSS vyzerať ako tlačidlo. Môžete napríklad pridať orámovanie, farbu pozadia a niektoré štýly, keď používateľ umiestni kurzor na odkaz ...

Ďalším spôsobom, ako pridať tlačidlo, je zabaliť inputvnútorné formznačky. V atribúte akcie formulára zadajte požadovanú cieľovú adresu URL.

Viac informácií:

  • Sprievodca freeCodeCamp - štýlové tlačidlá
  • Sprievodca freeCodeCamp - Ako používať odkazy
  • Ako vytvoriť tlačidlo HTML, ktoré funguje ako odkaz?