Kuidas luua HTML-nupp, mis toimib nagu link

Vahel võiksite vormi või muu taolise esitamise asemel nuppu kasutada mõne teise lehe või veebisaidi linkimiseks. Seda on üsna lihtne teha ja seda on võimalik saavutada mitmel viisil.

Üks võimalus on pakkida oma silt lihtsalt sildi sisse :

Link To freeCodeCamp

See muudab kogu teie nupu lingiks.

Teine võimalus on luua oma link tavapäraselt oma märgendiga ja seejärel kujundada see CSS-i kaudu:

Link To freeCodeCamp

Kui olete oma lingi loonud, saate kasutada CSS-i, et see näeks välja nagu nupp. Näiteks võite lisada piiri, taustavärvi, mõned stiilid, kui kasutaja linki hõljutab ...

Teine võimalus nupu lisamiseks on inputsisemiste formsiltide mähkimine . Määrake atribuudis vormitoiming soovitud siht-URL.

Rohkem informatsiooni:

  • freeCodeCamp Guide - stiilinupud
  • freeCodeCampi juhend - kuidas linke kasutada
  • Kuidas luua lingina toimivat HTML-nuppu?