<button type="button|submit|reset">
위에서 우리는 버튼 요소에 대해 설정된 다양한 유형을 보여주었습니다. 예:submit −
- 버튼: 클릭 가능한 버튼
- 제출: 제출 버튼(양식 데이터 제출)
- 재설정: 초기값으로 재설정하는 재설정 버튼입니다.
이제 HTML에서 버튼 요소의 유형 속성을 구현하는 예를 살펴보겠습니다 -
예시
<!DOCTYPE html> <html> <body> <h2>Investor Information</h2> <p>Give the information about the investor interested in funding:</p> <form action="" method="get"> ID: <input type="number"><br> Investor: <input type="text"><br> Funds: <input type="number"><br> Email: <input type="email"><br> DOB: <input type="date"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form> </body> </html>
제출 및 재설정 버튼을 사용하여 다음과 같은 출력을 생성합니다. -
위의 예에서 우리는 양식 요소와 버튼이 있는 양식을 만들었습니다 -
<form action="" method="get"> ID: <input type="number"><br> Investor: <input type="text"><br> Funds: <input type="number"><br> Email: <input type="email"><br> DOB: <input type="date"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form>
제출을 생성하기 위해 설정한 버튼 유형과 재설정을 위한 또 다른 버튼 -
<button type="submit" value="Submit"> Submit </button> <button type="reset" value="Reset"> Reset </button>