HTML

<button>

자라나라나무나무나 2022. 6. 4. 22:40
- submit : 버튼이 서버로 양식 데이터를 제출합니다. 지정하지 않은 경우 기본값이며, 유효하지 않은 값일 때도 사용합니다.
- reset : <input type="reset"> 처럼, 모든 컨트롤을 초기값으로 되돌립니다.
- button : 기본행동이 없으며, 클릭했을 때 아무것도 하지 않습니다. 하지만 Javascript랑 연결이 가능합니다.

input과 button의 차이점

- input은 value값이 지정되어 있지 않아도 기본value값이 있다. 하지만 button은 value값을 지정하지 않으면 비어있다.

- input은 자식요소를 가질 수 없지만 button은 가질 수 있다.

 <div>
    <input type="reset"  />
    <input type="submit"  />
    <input type="button" value="빈버튼" />
  </div>

  <div>
    <button type="reset">
    	<strong>초기화!</strong>
    </button>
    <button type="submit">제출!</button>
    <button type="button">일반 버튼</button>
  </div>

- input에는 value는 text만 가능지만 button에는 자식요소가 가능하여 스타일링을 용이하게 할 수 있다.