Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- for..of
- 고차함수
- Link
- 가상 요소 선택자
- innerhtml
- 범용 선택자
- map()
- nth-child()
- CSS
- Em
- disabled
- filter()
- 배열의 내림차순
- 양방향 연결리스트
- indexOf
- 단방향 연결리스트
- 일반 형제 선택자 결합
- 인접 형제 선택자 결합
- 배열과 연결리스트의 차이
- visibility : hidden
- classList.contains(string)
- 배열의 오름차순
- display : none
- 쌍방향 연결리스트
- 등차수열의 항 찾기
- Array.from()
- 백준알고리즘
- Sort
- 객체
- invalid assignment left-hand side
Archives
- Today
- Total
프론트엔드 센트럴파크 (☞゚ヮ゚)☞
<button> 본문
- 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에는 자식요소가 가능하여 스타일링을 용이하게 할 수 있다.
'HTML' 카테고리의 다른 글
<datalist> (0) | 2022.06.04 |
---|---|
<select>, <option>, <optiongroup> (0) | 2022.06.04 |
input type="number" 속성에서의 min과 max, step (0) | 2022.06.04 |
disabled, readonly (0) | 2022.06.04 |
autocomplete, required (0) | 2022.06.04 |
Comments