버튼을 만드는 태그
:: <input type="button">도 버튼을 만드는데 사용되지만 <button>태그도 버튼을 만드는데 사용된다.
<button> 태그의 장점
:: <buttion>태그는 <input>태그보다 css디자인을 적용하기 훨씬 수월하다.
-- <input>태그는 value 속성에 텍스트값 밖에 지정할 수 없지만,
-- <button>태그는 내부에 HTML 콘텐츠(<em>,<strong> 심지어 <img>)도 포함할 수 있다.
-- '::aftet', '::before' 가상 클래스까지 사용하는 복잡한 렌더링도 가능하다.
<button> 태그의 주요 속성
:: type : 버튼의 행동 방식. 'submit', 'reset', 'button'의 세가지 값을 가질 수 있다.
-- submit : 버튼을 누르면 양식의 데이터를 서버로 제출한다. type속성의 기본값이다.
-- reset : 버튼을 누르면 모든 컨트롤의 입력값을 초깃값으로 되돌린다.
-- button : 기본 행동이 없는 버튼을 만든다.
---- 즉, type을 button으로 지정하지 않으면 submit 버튼으로 작동한다.
---- 의도하지 않았다면 type을 button으로 지정하는 걸 잊어서는 안된다.
-- menu : menu 타입은 실험적 기능으로 대부분의 브라우저에서 아직 지원하지 않는다.
:: value : 버튼의 초깃값. 제출할 때 값/이름 쌍(value/name pair)으로 서버에 전송된다.
-- input태그에서는 value값이 곧 버튼의 label이지만 button 태그에서는 내부의 텍스트 요소가 버튼의 label이다.
:: name : 버튼의 이름. 제출할 때 값/이름 쌍(value/name pair)으로 서버에 전송된다.
:: form : 버튼과 연결할 form 태그의 id를 값으로 갖는다.
-- 조상 중에 form 태그가 있다면 그 값을 상속받는다.
:: disabled : 버튼의 활성화 여부를 나타낸다. boolean값이다.
<버튼이 type="submit" 일 때 사용되는 속성>
:: formaction, formenctype, formmethod, formnovalidate, formtarget
-- <input type=submit> 태그에서 사용되는 속성과 동일하게 사용된다.
썸네일용