태그는 웹페이지의 HTML 양식 내에 클릭 가능한 버튼을 만드는 데 사용됩니다. ........ 태그 안에는 텍스트나 이미지 등의 내용을 넣을 수 있습니다.
항상 태그의 유형 속성을 지정해야 합니다. 브라우저마다 버튼 요소에 대해 서로 다른 기본 유형을 사용합니다.
HTML 버튼 태그는 양식 내부와 외부에서 사용할 수 있습니다.
당신이 그것을 사용하는 경우 양식 내부 , 제출 버튼으로 작동합니다. 재설정 버튼으로도 사용할 수 있습니다.
당신이 그것을 사용하는 경우 형식 밖에서 , JavaScript 함수를 호출할 수 있습니다.
HTML 버튼 태그 예
버튼을 표시하는 코드를 살펴보겠습니다.
Click Here지금 테스트해보세요
산출:
여기를 클릭하세요HTML 버튼 예: JavaScript 함수 호출
버튼 클릭 시 JavaScript 함수를 호출하는 코드를 살펴보겠습니다.
Click Here function hello(){ alert('hello javatpoint user'); } 지금 테스트해보세요 산출:
여기를 클릭하세요HTML 버튼 예: 양식 제출
버튼 클릭 시 양식을 제출하는 코드를 살펴보겠습니다.
Enter Name: <br> Submit지금 테스트해보세요
산출:
이름을 입력하시오:제출하다
HTML 버튼 예: 양식 재설정
버튼 클릭 시 양식을 제출하는 코드를 살펴보겠습니다.
Enter Name: <br> reset지금 테스트해보세요
산출:
이름을 입력하시오:초기화
HTML 버튼 태그의 속성
태그는 모든 전역 속성과 일부 특정 추가 속성을 지원합니다.
HTML 버튼 태그 속성 목록이 제공됩니다.
| 기인하다 | 설명 |
|---|---|
| 자동 초점 | 페이지를 로드하는 동안 버튼에 자동으로 초점이 맞춰지도록 지정합니다. |
| 장애가 있는 | 버튼이 비활성화되어야 함을 지정합니다. |
| 형태 | 버튼이 속한 하나 이상의 양식을 지정합니다. |
| 형성 | 제출 유형에 사용됩니다. 양식이 제출될 때 양식 데이터를 보낼 위치를 지정합니다. |
| 양식 방법 | 양식 데이터를 보내는 방법을 지정합니다. |
| 모양 유형 | 양식 데이터를 서버로 보내기 전에 인코딩하는 방법을 지정합니다. |
| 양식 무효화 | 제출 시 양식 데이터의 유효성을 검사하지 않도록 지정합니다. |
| 양식 대상 | 양식을 제출한 후 응답을 표시할 위치를 지정합니다. |
| 이름 | 버튼의 이름을 지정합니다. |
| 유형 | 버튼의 유형을 지정합니다. |
| 값 | 버튼의 값을 지정합니다. |
지원 브라우저
| 요소 |  크롬 |  즉 |  파이어폭스 |  오페라 |  원정 여행 |
| 예 | 예 | 예 | 예 | 예 |