Kuinka luoda HTML-painike, joka toimii kuin linkki

Joskus haluat ehkä linkittää toiselle sivulle tai verkkosivustolle painikkeella sen sijaan, että lähetät lomakkeen tai vastaavan. Tämä on melko helppo tehdä ja se voidaan saavuttaa useilla tavoilla.

Yksi tapa on yksinkertaisesti kääri tagisi tagiin:

Link To freeCodeCamp

Tämä muuttaa koko painikkeesi linkiksi.

Toinen vaihtoehto on luoda linkki normaalisti tagisi kanssa ja muotoilla se sitten CSS: n kautta:

Link To freeCodeCamp

Kun olet luonut linkkisi, voit käyttää CSS: ää näyttämään painikkeelta. Voit esimerkiksi lisätä reunuksen, taustavärin, joitain tyylejä, kun käyttäjä vie linkkiä ...

Toinen tapa lisätä painike on kääriä inputsisäpuoliset formtagit. Määritä haluamasi kohde-URL-osoite lomaketoiminnon määritteessä.

Lisää tietoa:

  • freeCodeCamp Guide - muotoilupainikkeet
  • freeCodeCamp-opas - Kuinka käyttää linkkejä
  • Kuinka luoda HTML-painike, joka toimii kuin linkki?