🦔 type
| number | 숫자 입력 |
| range | 범위 내의 숫자 값만 입력 |
| color | 색상 입력 |
| date | 날짜 입력 |
| time | 시간 입력 |
| datetime-local | 날짜와 시간 입력 |
| month | 연도와 월 입력 |
| week | 연도와 주 입력 |
| 이메일 입력 | |
| url | URL 주소 입력 |
| tel | 전화번호 입력 |
| search | 검색어 입력 |
🍟 속성
| required | 값이 입력되야 서버로 전송 |
| placeholder | 입력하기 전 문구 표시 |
| autofocus | 문서가 로드되면 해당 부분에 자동으로 커서 |
| required | 값을 채우지 않고 전송을 하면 '이 입력란을 작성하세요.'문구와 함께 커서가 이동 |
| oninput | 값을 입력받을 때마다 이벤트 실행 |
| onchange | 해당 input 태그에서 focus가 벗어나는 순간 이벤트가 작동 |
| onkeyup | 키보드의 키를 눌렀다가 뗐을 때 |
| minlength | 입력받은 값의 최소 길이 |
| maxlength | 입력받은 값의 최대 길이 |
참고 👉
https://it-young.tistory.com/26
[HTML5]<input> 입력시 auto focus, required 속성
HTML 에서 으로 입력을 받을때 자동커서, Enter 치면 다음 으로 커서를 넘기는 autofocus : 문서가 로드되면 autofocus 가 설정된 에 자동focus를 준다. required : required 가 설정된 에 입력값이 없을때 을..
it-young.tistory.com
https://coding-food-court.tistory.com/19
oninput onchange Event
1. oninput 우리는 input 태그와 textarea 태그의 데이터를 입력 할 때가 많이 있습니다. 이 태그들은 사용자로 데이터를 입력 받구 서버에 데이터를 전송 하는 경우가 많습니다. 그런데 사용자가 데이
coding-food-court.tistory.com
[HTML] onkeypress, onkeyup, onkeydown 사용법
onKeydown(KeyCode 값) : 사용자가 키보드의 키를 눌렀을 때 onKeyup(KeyCode 값) : 사용자가 키보드의 키를 눌렀다가 땠을 때 onKeyPress(ASCII 값) : 사용자가 키보드의 키를 눌렀을 때 정확히 어떤 경우에 발생
crivius.tistory.com
https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input
<input>: 입력 요소 - HTML: Hypertext Markup Language | MDN
HTML <input> 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다.
developer.mozilla.org
[html] 비밀번호를 최소 6자, 최대 12자까지만 입력하게 하려면? input 태그 minlength, maxlength 속성
사용자로하여금 비밀번호를 최소 6자, 최대 12자까지만 입력하게 하려면 input 태그 minlength 속성의 값에는 6을, maxlength 속성의 값에는 12를 주면 됩니다. 1 비밀번호: cs 이렇게 하면 최대 12자까지만
bskyvision.com
'FE > html' 카테고리의 다른 글
| id, name, class (0) | 2021.06.05 |
|---|---|
| [Error] html textarea에 데이터가 있어도 null로 넘어옴 (0) | 2021.06.05 |
| <img> (0) | 2020.12.20 |
| 줄바꿈 (0) | 2020.12.20 |
| 기본 문법 (0) | 2020.12.20 |