HTML 버튼 태그

태그는 웹페이지의 HTML 양식 내에 클릭 가능한 버튼을 만드는 데 사용됩니다. ........ 태그 안에는 텍스트나 이미지 등의 내용을 넣을 수 있습니다.

항상 태그의 유형 속성을 지정해야 합니다. 브라우저마다 버튼 요소에 대해 서로 다른 기본 유형을 사용합니다.

HTML 버튼 태그는 양식 내부와 외부에서 사용할 수 있습니다.

당신이 그것을 사용하는 경우 양식 내부 , 제출 버튼으로 작동합니다. 재설정 버튼으로도 사용할 수 있습니다.

당신이 그것을 사용하는 경우 형식 밖에서 , JavaScript 함수를 호출할 수 있습니다.

HTML 버튼 태그 예

버튼을 표시하는 코드를 살펴보겠습니다.

 Click Here

지금 테스트해보세요

산출:

여기를 클릭하세요

버튼 클릭 시 JavaScript 함수를 호출하는 코드를 살펴보겠습니다.

 Click Here function hello(){ alert(&apos;hello javatpoint user&apos;); }

지금 테스트해보세요

산출:

여기를 클릭하세요

버튼 클릭 시 양식을 제출하는 코드를 살펴보겠습니다.

 Enter Name: <br> Submit

지금 테스트해보세요

산출:

이름을 입력하시오:
제출하다

버튼 클릭 시 양식을 제출하는 코드를 살펴보겠습니다.

 Enter Name: <br> reset

지금 테스트해보세요

산출:

이름을 입력하시오:
초기화

태그는 모든 전역 속성과 일부 특정 추가 속성을 지원합니다.

HTML 버튼 태그 속성 목록이 제공됩니다.

기인하다	설명
자동 초점	페이지를 로드하는 동안 버튼에 자동으로 초점이 맞춰지도록 지정합니다.
장애가 있는	버튼이 비활성화되어야 함을 지정합니다.
형태	버튼이 속한 하나 이상의 양식을 지정합니다.
형성	제출 유형에 사용됩니다. 양식이 제출될 때 양식 데이터를 보낼 위치를 지정합니다.
양식 방법	양식 데이터를 보내는 방법을 지정합니다.
모양 유형	양식 데이터를 서버로 보내기 전에 인코딩하는 방법을 지정합니다.
양식 무효화	제출 시 양식 데이터의 유효성을 검사하지 않도록 지정합니다.
양식 대상	양식을 제출한 후 응답을 표시할 위치를 지정합니다.
이름	버튼의 이름을 지정합니다.
유형	버튼의 유형을 지정합니다.
값	버튼의 값을 지정합니다.

요소	크롬	즉	파이어폭스	오페라	원정 여행
	예	예	예	예	예