html5 (4) 썸네일형 리스트형 3. 입력 양식 작성(2) - input 태그 4 계속해서 input 타입의 여러 종류에 대해서 살펴보도록 하겠습니다. 이번에는 날짜, 시간과 관련된 태그를 살펴보도록 하겠습니다. ○ type="date" / "month" / "week" : 날짜 입력을 위한 input type 타입 값으로만 보았을 때는 일/월/주를 단일로 입력하는 필드일 것으로 보이지만, 실제로 각 타입에 따라 입력되는 값들은 다음과 같습니다. - data : yyyy-mm-dd - month : yyyy-mm - week : 특정 주를 선택해 표시(yyyy-w) 이 태그는 설명하는 것보다는 직접 태그를 입력하고, 결과를 보는 것이 좋을 것으로 보입니다. 아래 코드를 참고해 주세요. 날짜 지정 타입 사용예시 HTML 삽입 미리보기할 수 없는 소스 ○ type="time" / "dat.. 3. 입력 양식 작성(2) - input 태그 2 지난 아티클부터 input type 종류별 특성에 대해서 하나씩 살펴보고 있습니다. 계속해서 다양한 input type에 대해서 살펴보도록 하겠습니다. ○ type="search" / "url" / "email" / "tel" : 입력 유형 자동 인식타입 위 속성들의 경우, HTML5 이전까지 각 입력값의 종류를 직접 확인하는 등 텍스트 필드에서 구분하기 어려웠던 속성들입니다. HTML5에 들어서는 intput type을 명시해 주면 브라우저나 작동 환경에 따라서 다소 차이는 있지만, 해당 필드에서 입력되는 값이 어떤 유형인지 자동으로 인식해 분류할 수 있게 되었습니다. - search : 일반적인 텍스트 필드처럼 보이지만, '검색'을 위한 텍스트 필드로 인식됩니다. 자동으로 X 버튼이 노출됩니다. - .. 3. 입력 양식 작성(1) - 기본 form 태그 웹 상에서, 특정 값을 입력하여 서버나 DB로 값을 보내 처리하는 등의 동작을 위해서는 여러 가지 입력 폼(form)을 사용하게 됩니다. 아마 html에 조금 익숙하신 분들이라면 태그를 가장 먼저 떠올리실 분들이 많을 텐데, 일단 여기서는 간단하게 기본 폼 태그인 에 대해서 살펴보면서 기본적인 내용을 먼저 익히도록 하겠습니다. 기본 태그의 유형은, 태그 사이에 속성과 폼 관련 요소들을 삽입하는 형태로 구성됩니다. 폼 요소 위에서 기술된 '속성'은 몇 가지 대표적인 속성들이 있습니다. 하나씩 살펴보도록 하겠습니다. ○ name 이 속성은 JS로 폼을 제어하는 경우에 사용할 폼의 이름을 의미합니다. ○ action 태그의 내용을 처리할 서버 프로그램을 지정합니다. 예를들어 해당 폼을 실행했을 경우 서버로 내.. 2. 내용 입력하기(1) - 텍스트 입력 2 앞서 살펴본 텍스트 입력과 관련된 태그를 계속해서 살펴보도록 하겠습니다. 기억이 나지 않는다면, 다시 한번 체크해 둡시다. 2. 내용 입력하기(1) - 텍스트 입력 1 이제부터 본격적으로 html 웹 문서 내에 내용을 입력하는 과정을 살펴보겠습니다. 우선은, 가장 기본 중의 기본이라 할 수 있는 텍스트 입력에 대해 살펴볼 것입니다. 굳이 설명이 필요한 내용인 nozeroslope.tistory.com ○ - 인용문 어떤 콘텐츠를 작성할 때, 다른 출처에서 직접인용을 하여 표시하게 되는 경우가 있습니다. 예를 들어 따옴표나 별도의 박스 형태로 누군가의 발언이나 논문의 단락을 직접 표시하는 경우가 있겠죠. 여러 가지 이유로, 브라우저 상에서 특정 단락이나 영역이 '인용문이다'라고 인식할 수 있는 방법이 있습.. 이전 1 다음
