html5 교재22 9.9 textarea 요소 9.9 textarea 요소 textarea 요소는 사용자가 여러 라인으로 구성된 텍스트 문장을 입력해야 할 때 사용할 수 있는 요소로 다음과 같은 고유한 속성들을 이용할 수 있습니다. 속성 기능 autofocus 페이지가 로드될 때 자동적으로 포커싱되도록 하는데 사용 cols 입력 가능한 열의 수를 설정. 하나의 열은 영문자 한 글자를 의미. 한글은 2열을 차지하게 됨 disable 사용자로부터 textarea 요소의 어떠한 변경도 받아들이지 않을 때 사용 form textarea 요소가 속하는 form을 명시할 때 사용 maxlength 최대 입력 가능한 문자의 수를 설정 name textarea 요소의 이름 placeholder 사용자로 하여금 textarea에 어떤 내용을 입력해야 할지 알려주는 .. 2013. 7. 31. 9.8 option, optgroup 요소 9.8 option, optgroup 요소 option 요소는 select, datalist 요소의 자식 요소로 사용되어 해당 요소들의 리스트를 구성하는 항목을 나타내는데 이용되거나 optgroup 요소의 자식요소로 이용될 수 있으며 다음과 같은 고유한 속성이 정의되어 있습니다. 속성 기능 disabled 해당 항목이 사용 불가임을 명시 label 긴 항목에 대한 짧은 라벨 selected 페이지가 처음 로드될 때 사전에 선택되져야 할 항목을 명시할 때 value 항목값을 의미하며 이 값이 웹서버로 전달되게 됨 앞에서 사용한 selectEx.html 파일을 메모장으로 열어서 다음과 같이 시작태그와 마침 태그 안에 코드를 수정합니다. 사과 딸기 배 키위(양다래 열매) 포도 위에서 보는 것처럼 selecte.. 2013. 7. 31. 9.7 datalist 요소 9.7 datalist 요소 datalist 요소는 다른 요소를 위해 사전에 정의된 항목을 option 요소를 이용하여 설정하는데 사용하는 요소로 보통 input 요소와 함께 사용되며 input의 list 속성에 datalist 요소의 id를 설정하여 같이 사용하게 됩니다. 예를 들어 사용자가 입력할 수 있는 선택 가능한 프로그래밍 언어를 “C#, HTML5, JAVA, XML, C”로 미리 정의하여 사용한다면 다음과 같이 나타낼 수 있습니다. 위와 같이 datalist 요소의 전역 속성인 id 속성을 이용하여 datalist 요소에 대한 고유한 식별이 가능하도록 하고 option 요소의 value 속성에 방금 전 언급한 선택 가능한 프로그래밍 언어들을 설정하면 됩니다. 이제 준비가 되었으므로 메모장을 .. 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. 이전 1 2 3 4 5 6 다음