링크처럼 작동하는 HTML 단추를 만드는 방법

때로는 양식이나 이와 유사한 것을 제출하는 대신 버튼을 사용하여 다른 페이지 또는 웹 사이트에 링크 할 수 있습니다. 이것은 매우 간단하며 여러 가지 방법으로 달성 할 수 있습니다.

한 가지 방법은 태그를 태그로 감싸는 것입니다 .

Link To freeCodeCamp

그러면 전체 버튼이 링크로 변환됩니다.

두 번째 옵션은 일반적으로 태그 를 사용하는 것처럼 링크를 만든 다음 CSS를 통해 스타일을 지정하는 것입니다.

Link To freeCodeCamp

링크를 만든 후에는 CSS를 사용하여 버튼처럼 보이게 만들 수 있습니다. 예를 들어, 사용자가 링크를 가리킬 때 테두리, 배경색, 일부 스타일을 추가 할 수 있습니다.

버튼을 추가하는 또 다른 방법은 input내부 form태그 를 감싸는 것 입니다. 양식 작업 속성에 원하는 대상 URL을 지정합니다.

추가 정보:

  • freeCodeCamp 가이드-스타일링 버튼
  • freeCodeCamp 가이드-링크 사용 방법
  • 링크처럼 작동하는 HTML 버튼을 만드는 방법은 무엇입니까?