일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- node.js
- sw 정글
- conding test
- HTML
- JavaScrpit
- 정글sw
- 프로그래머스
- React
- Coding Test
- Spring
- malloc-lab
- Express
- 코딩테스트
- 템플릿 문자열
- 사용자 정의 객체
- python
- html input
- 회원가입
- 리액트
- 목록 창 만들기
- PINTOS
- 자바스크립트 문자열 변수
- 자바스크립트
- sw정글사관학교
- dfsbfs
- 회원가입 폼
- javascript
- 백준
- SW정글
- onChange
- Today
- Total
목록html input (2)
코드치고 무게치고
지난 글에서 HTML5의 input type을 알아보았습니다. HTML5 input에는 속성을 지정해 줄 수 있습니다. 이글에서는 속성에 대해 알아봅시다. 1.input 속성 소개 input 속성 설명 autofocus autofocus가 지정된 부분의 커서가 깜박인다. form input에 form 속성을 적용하여 form외부에 있는 input 속성을 지정한다. datalist 미리 지정된 값을 리스트 형식으로 불러온다. min and max input 값의 최솟값과 최댓값을 지정한다. range나 number type에 시용된다. multiple input 부분에 여러 개의 파일을 불러 올 수 있게 한다. pattern 지정된 패턴 값만 입력 가능하게 한다. ex) 010-1234-1234 등 pla..
이 글에서는 HTML5에서 추가된 다양한 input type에 관한 글입니다. form 태그 안에서 input은 다양한 값들을 받는데 그때의 type을 보도록 하겠습니다. HTML5 이전에는 자바스크립트로 만들어야 했던 부분들이 input type이 추가되면서 자바스크립트를 사용하지 않아도 되었습니다. 다양한 input을 추가해준 개발자들에게 감사하며 input type에 대해 알아볼게요 브라우저마다 같은 input이라도 모양이나 지원하는 것이 다를 수 있습니다. 저는 크롬에서 테스트 했습니다. 1. input type 총 13개의 input type을 소개할 것입니다. 너무 많기에 나눠서 설명하겠습니다. input 설명 color 색상값을 입력할 때 사용한다 date 날짜를 입력할 때 사용한다. dat..