<HTML> input 태그 속성 간단하게 모두 알아보기
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 32 33 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <h2>INPUT 태그 속성 알아보기</h2> <input type="button" name="input1" value="button">button <br> <input type="checkbox" name="input2" value="checkbox">checkbox <br> <input type="color" name="input3" value="color">color <br> <input type="date" name="input4" value="date">date <br> <input type="datetime-local" name="input5" value="datetime-local">datetime-local <br> <input type="datetime" name="input6" value="datetime">datetime <br> <input type="email" name="input7" value="email"> <br> <input type="file" name="input8" value="file">file <br> <input type="hidden" name="input9" value="hidden">hidden <br> <input type="image" name="input10" value="image">image <br> <input type="month" name="input11" value="month">month <br> <input type="number" name="input12" value="number">number <br> <input type="password" name="input13" value="password">password <br> <input type="radio" name="input14" value="radio">radio <br> <input type="range" name="input15" value="range">range <br> <input type="reset" name="input16" value="reset">reset <br> <input type="search" name="input17" value="search">search <br> <input type="submit" name="input18" value="submit">submit <br> <input type="tel" name="input19" value="tel">tel <br> <input type="text" name="input20" value="text">text <br> <input type="time" name="input21" value="time">time <br> <input type="url" name="input22" value="url">url <br> <input type="week" name="input23" value="week">week <br> </body> </html> | cs |
Button -> 버튼
Checkbox -> 체크박스 (true,false 값으로 저장)
Color -> 색상 선택 (색상코드로 저장)
Date -> 날짜 선택 (입력 그대로 저장)
Datetime-local -> 날짜/시간 선택 (입력 그대로 저장)
Datetime -> 날짜시간 입력 (입력 그대로 저장)
Email -> 이메일 입력 (submit 값 넘길 때 이메일 유형으로 입력해야함)
File -> 파일 선택 (경로 저장)
Hidden -> 눈에 보이지 않음, value값 저장할 때 사용
Image -> img 태그와 같음, src속성을 더 추가해서 사진 출력
Month -> 년/월 선택 (입력 그대로 저장)
Number -> 숫자 입력, 텍스트상자 우측에 위,아래로 내릴수있음 (입력 그대로 저장)
Password -> 비밀번호 형식 (입력 그대로 저장)
Radio -> 라디오버튼
Range -> 범위 형식 (숫자로 저장)
Reset -> form 태그 안 모든 속성 초기화
Search -> 텍스트 상자 우측에 X 가 생김, X 누를경우 입력한 텍스트 지워짐 (입력 그대로 저장)
Submit -> form 태그 값 넘김
Tel -> 기존의 text속성과 같음
Text -> 일반 텍스트 상자
Time -> 시/분 선택 (입력 그대로 저장)
Url -> URL 주소 형식으로 입력 (submit 값 넘길 때 이메일 유형으로 입력해야함)
Week -> xxxx년도 x번째 주, 주 선택 (입력 그대로 저장)
실무에서 주로 사용하는 속성 -
Button, Checkbox, File, Hidden, Number, Password, Radio, Reset, Submit, Text
'이전 게시글 > 컴퓨터#웹 HTML' 카테고리의 다른 글
| HTML <textarea> 태그 긴 글 텍스트박스 기능 (0) | 2016.02.17 |
|---|---|
| [HTML] 문서연결하기 <script> document, function 간단예제 (0) | 2016.02.13 |
| HTML 많이쓰이는 태그 <dir> <menu> <hr> <img> 태그 (0) | 2016.02.13 |
| 문자를 나타내는 태그 HTML 물리적스타일/논리적스타일 (0) | 2016.02.13 |
| HTML select option(select box)에서 값 가져오기 (1) | 2016.02.11 |
