Hogyan hozzunk létre egy HTML-gombot, amely linkként működik

Előfordulhat, hogy egy űrlap vagy valami hasonló beküldése helyett egy gomb használatával másik oldalra vagy webhelyre szeretne hivatkozni. Ez meglehetősen egyszerű, és többféleképpen is megvalósítható.

Az egyik mód az, hogy egyszerűen be kell csomagolni a címkét egy tagbe:

Link To freeCodeCamp

Ez az egész gombját linkké alakítja.

A második lehetőség az, hogy létrehozza a linkjét a címkéjéhez hasonlóan, majd CSS-en keresztül stílusozza:

Link To freeCodeCamp

Miután létrehozta a linket, használhatja a CSS-t, hogy gombnak tűnjön. Például felvehet egy szegélyt, egy háttérszínt, néhány stílust arra az esetre, amikor a felhasználó a linket viszi ...

A gomb hozzáadásának másik módja a inputbelső formcímkék becsomagolása . Adja meg a kívánt cél URL-t az űrlap művelet attribútumában.

Több információ:

  • freeCodeCamp Guide - stílusgombok
  • freeCodeCamp útmutató - A linkek használata
  • Hogyan lehet létrehozni egy linkként működő HTML gombot?