728x90
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>20321 임한솔</title> </head> <body> <table border="1" > <tr><td> <ol> <li>이미지 넣기 <ul> <li><a href="#si">같은 폴더 이미지</a></li> <li><a href="#hi">하위 폴더 이미지</a></li> </ul> </li> <li><a href="#aun">오디오 넣기</a></li> <li><a href="#vin">비디오 넣기</a></li> <li>폼 <ul> <li><a href="#inp">Input태그의 type값</a></li> <li><a href="#htm">HTML5에서 추가된 type값</a></li> </ul> </li> </ol> </tr></td></table> <hr> <ol> <li>이미지 넣기 <ul> <li id="si">같은 폴더 이미지<br> <img src="uksai.jpg" alt="억새" width="300"> </li> <li id="hi">다른 폴더 이미지<br> <img src="./img/moon.jpg" alt="문" width="300"> </li> </ul> <li id="aun">오디오 넣기<br> <audio controls="controls"> <source src="./audio/Kalimba.mp3" type="audio/mp3"> <source src="./audio/Kalimba.ogg" type="audio/ogg"> </audio> </li> <li id="vin">비디오 넣기<br> <video controls="controls" width="300"> <source src="./video/wildlife.mp4" type="video/mp4"> <source src="./video/wildlife.webm" type="video/webm"> </video> </li> <li>폼 <ul> <li id="inp">type 값<br> <table border="1" > <tr colspan="3"><center>Input 태그의 type 값 알아보기</center></tr> <tr><td>type값</td><td >결과</td><td>설명</td></tr> <tr><td>text</td><td><input type="text"></td><td>글자 입력 양식을 생성한다.</td></tr> <tr><td>button</td><td><input type="button"></td><td>버튼입니다.</td></tr> <tr><td>checkbox</td><td><input type="checkbox"></td><td>이건 체크박스로 나타납니다.</td></tr> <tr><td>file</td><td><input type="file"></td><td>파일을 첨부할 때 사용하며, CSS와 곁들어서 사용 가능</td></tr> <tr><td>hidden</td><td><input type="hidden"></td><td>이건 숨김필드입니다. 값을 넘겨받을때 숨김속성으로 몰래 감춰지죠. 대부분 form태그의 중요한 속성을 사용할 때 하더군요.</td></tr> <tr><td>image</td><td><input type="image"></td><td>이건 이미지의 경로를 넣어 일반<img>태그 처럼 할 수 있습니다. 단 버튼이 이미지의 경로로 바뀌고,form 태그의 submit 태그와 함께 포함되어 있습니다.</td></tr> <tr><td>password</td><td><input type="password"></td><td>이건 1번과 2번과 3번과 동일한데, 비밀번호로 지정되어 글자를 넣든 숫자를 넣든 **** <-이렇게 표시됩니다.</td></tr> <tr><td>radio</td><td><input type="radio"></td><td>이건 라디오 버튼으로 나타납니다.</td></tr> <tr><td>reset</td><td><input type="reset" value="재설정"></td><td>이건 초기화 하는 버튼(영어로 submit 또는 초기화라고 나옴)</td></tr> <tr><td>submit</td><td><input type="submit" value="제출"></td><td>전송버튼인데다가 버튼이름을 전송함 이라고 할 수있음.</td></tr> </table> </li><br> <li id="htm">HTML5 type 값<br> <table border="1" > <tr colspan="3"><center>HTML5에서 추가된 Input 태그의 type 값 알아보기</center></tr> <tr><td>type값</td><td >결과</td><td>설명</td></tr> <tr><td>color</td><td><input type="color"></td><td>색상 선택 양식을 생성한다.</td></tr> <tr><td>date</td><td><input type="date"></td><td>날짜</td></tr> <tr><td>datetime</td><td><input type="datetime"></td><td>날짜 및 시간</td></tr> <tr><td>datetime-local</td><td><input type="datetime-local"></td><td>로컬 시간</td></tr> <tr><td>email</td><td><input type="email"></td><td>이메일</td></tr> <tr><td>month</td><td><input type="month"></td><td>달</td></tr> <tr><td>number</td><td><input type="number"></td><td>숫자</td></tr> <tr><td>range</td><td><input type="range"></td><td>범위</td></tr> <tr><td>search</td><td><input type="search"></td><td>검색</td></tr> <tr><td>tel</td><td><input type="tel"></td><td>전화번호</td></tr> <tr><td>time</td><td><input type="time"></td><td>시간</td></tr> <tr><td>url</td><td><input type="url"></td><td>웹 주소</td></tr> <tr><td>week</td><td><input type="week"></td><td>주</td></tr> </table> </li> </ul></li></ol> </body> </html>
- 이미지 넣기
- 같은 폴더 이미지
- 다른 폴더 이미지
- 같은 폴더 이미지
- 오디오 넣기
- 비디오 넣기
- 폼
- type 값
Input 태그의 type 값 알아보기 type값 결과 설명 text 글자 입력 양식을 생성한다. button 버튼입니다. checkbox 이건 체크박스로 나타납니다. file 파일을 첨부할 때 사용하며, CSS와 곁들어서 사용 가능 hidden 이건 숨김필드입니다. 값을 넘겨받을때 숨김속성으로 몰래 감춰지죠. 대부분 form태그의 중요한 속성을 사용할 때 하더군요. image 이건 이미지의 경로를 넣어 일반 태그 처럼 할 수 있습니다. 단 버튼이 이미지의 경로로 바뀌고,form 태그의 submit 태그와 함께 포함되어 있습니다.
password 이건 1번과 2번과 3번과 동일한데, 비밀번호로 지정되어 글자를 넣든 숫자를 넣든 **** <-이렇게 표시됩니다. radio 이건 라디오 버튼으로 나타납니다. reset 이건 초기화 하는 버튼(영어로 submit 또는 초기화라고 나옴) submit 전송버튼인데다가 버튼이름을 전송함 이라고 할 수있음. - HTML5 type 값
HTML5에서 추가된 Input 태그의 type 값 알아보기 type값 결과 설명 color 색상 선택 양식을 생성한다. date 날짜 datetime 날짜 및 시간 datetime-local 로컬 시간 email 이메일 month 달 number 숫자 range 범위 search 검색 tel 전화번호 time 시간 url 웹 주소 week 주
- type 값
'it > programming' 카테고리의 다른 글
| [JAVA] 객체 프로그래밍 (0) | 2013.04.03 |
|---|---|
| [JAVA] a 와 b 사이의 정수의 합 구하기 (2) | 2013.03.27 |
| [JAVA] 나누기 몫, 나머지 구하기 (0) | 2013.03.27 |
