Как да създадете HTML бутон, който действа като връзка

Понякога може да искате да използвате бутон за връзка към друга страница или уебсайт, вместо да изпратите формуляр или нещо подобно. Това е доста лесно да се направи и може да се постигне по няколко начина.

Един от начините е просто да увиете маркера си в етикет:

Link To freeCodeCamp

Това превръща целия ви бутон в линк.

Вторият вариант е да създадете вашата връзка, както обикновено с вашия таг, и след това да я оформите чрез CSS:

Link To freeCodeCamp

След като създадете вашата връзка, можете да използвате CSS, за да изглежда като бутон. Например, можете да добавите граница, цвят на фона, някои стилове, когато потребителят задържи връзката ...

Друг начин за добавяне на бутон е обвиването на inputвътрешни formтагове. Посочете желания целеви URL адрес в атрибута за действие на формуляра.

Повече информация:

  • freeCodeCamp Guide - бутони за стилизиране
  • ръководство на freeCodeCamp - Как да използвам връзки
  • Как да създам HTML бутон, който действа като връзка?