-
[HTML] 웹폼 Webform : 버튼 만들기개발 프로세스/Front-end 2021. 4. 13. 16:33
1. 텍스트 버튼
버튼은 <input>태그나 <button>태그로 만들 수 있다.
type="button"
아무 기능이 없는 버튼
type="submit"
클릭하면 브라우저가 폼 데이터를 웹 서버로 전송하는 버튼
type="reset"
폼에 입력된 내용을 모두 지우고 초기화하는 버튼
<input type="button|reset|submit" value="버튼 이름">
<button type="button|reset|submit"> 버튼 이름 </button>
2. 이미지 버튼
type="image"
<input type="image" src="media/buton.png" alt="이미지 버튼">
<button type="button"> <image src="media/button.png" alt="이미지 버튼"> </button>
'개발 프로세스 > Front-end' 카테고리의 다른 글
[HTML] HTML 문서 기본 (0) 2021.04.13 [HTML] 웹폼 Webform : 색 입력, 시간 정보 입력, 숫자 입력, 파일 선택 (0) 2021.04.13 [HTML] 웹폼 Webform : <label>, <fieldset> (0) 2021.04.13 [HTML] 웹폼 Webform : 텍스트 입력, 선택형 입력, 형식을 가진 텍스트 입력 (0) 2021.04.12 [HTML] 웹폼 Webform (0) 2021.04.09