본문 바로가기

html 교재12

9.8 option, optgroup 요소 9.8 option, optgroup 요소 option 요소는 select, datalist 요소의 자식 요소로 사용되어 해당 요소들의 리스트를 구성하는 항목을 나타내는데 이용되거나 optgroup 요소의 자식요소로 이용될 수 있으며 다음과 같은 고유한 속성이 정의되어 있습니다. 속성 기능 disabled 해당 항목이 사용 불가임을 명시 label 긴 항목에 대한 짧은 라벨 selected 페이지가 처음 로드될 때 사전에 선택되져야 할 항목을 명시할 때 value 항목값을 의미하며 이 값이 웹서버로 전달되게 됨 앞에서 사용한 selectEx.html 파일을 메모장으로 열어서 다음과 같이 시작태그와 마침 태그 안에 코드를 수정합니다. 사과 딸기 배 키위(양다래 열매) 포도 위에서 보는 것처럼 selecte.. 2013. 7. 31.
9.5 button 요소 9.5 button 요소 button 요소는 하나의 버튼을 나타내는 것으로 input 요소에서 설명한 button 형태와 유사합니다. button 요소에서도 type 속성값이 중요한데 form 전송(submit)에 사용되는 submit 속성값과 폼(form)을 초기화하는 reset 속성값을 설정할 수 있으며 사용 형식은 다음과 같습니다. 버튼에 나타낼 문자열 혹은 이미지 버튼에 나타낼 문자열 혹은 이미지 위와 같이 button 요소에서는 input 요소에서 달리 버튼(button)에 나타낼 문자열이나 이미지를 태그 블록 내에 “텍스트”, “” 형태로 명시하여 나타낼 수 있습니다. 메모장을 열어서 HTML5 문서의 기본적인 코드를 작성하고 … 블록을 다음과 같이 작성합니다. 학생 정보 이름 학번 전송(su.. 2013. 7. 31.
HTML5에 새롭게 추가된 input 요소의 type 속성값들 HTML5에 새롭게 추가된 input 요소의 type 속성값들 속성값 기능 tel 사용자로부터 입력되는 데이터가 전화번호일 때 사용 search 웹사이트에 검색 기능을 구현할 때 사용 url 사용자로부터 입력되는 데이터가 웹페이지 주소일 때 사용 email 사용자로부터 입력되는 데이터가 이메일 주소일 때 사용 datetime 날짜나 시간을 나타냄. 2012년 2월 8일의 경우 datetime-local 지역 날짜나 시간을 나타냄. date YYYY-MM-DD 형태의 날짜를 나타냄. 2012년 2월 8일의 경우 2012-02-08 month 월를 나타냄. 2012년 2월의 경우는 2012-02 week 주를 나타냄. 2012년의 1월 3째주는 2012-W03 time 00:00 ~ 24:00와 같이 하루의.. 2013. 7. 31.
9.4 input 요소 9.4 input 요소 input 요소는 일반적으로 사용자로부터 간단한 텍스트 문자부터 특정 데이터 형식을 취하는 전화번호, 이메일 등과 같이 비교적 간단한 데이터를 사용자로부터 입력받아야 할 경우 사용할 수 있는 요소로 많은 속성들이 있지만 그 중 몇 가지 속성들을 이용하여 일반적인 사용 형식을 나타내면 다음과 같습니다. 위에서 pattern 속성은 정규표현식(Regular Expression)을 이용하여 사용자가 입력하는 데이터에 대해서 일정한 규칙을 따르도록 처리할 때 사용하는 속성으로 가장 .. 2013. 7. 31.