티스토리 뷰
HTML 입력 양식 태그 / 간단한 입력 양식, 쉽게 만들 수 있습니다.
안녕하세요 AimHo 입니다. 지난번 [입력 양식 태그 / 개요] 이어서 공부 하겠습니다.
입력 양식 태그 익히기
HTML5는 다양한 입력 양식 태그를 지원하는데, 아래에 주요 태그와 속성, 모양을 정리해보았습니다.
예제 코드를 통해 어떤 모습으로 보이는지 확인해보겠습니다.
이 외에도 HTML5에서 새로 지원하는 입력 양식 태그도 굉장히 많다고 합니다. 하지만, 오페라 웹 브라우저를 제외하면 거의 지원하지 않는다고 하니 생략하도록 하겠습니다.
간단한 입력 양식 만들기
라디오 버튼의 name 속성을 이용하면 여러 대상 중 하나만 선택하도록 하는 형태를 손쉽게 구현할 수 있습니다. 예제 코드를 작성해서 바로 확인해보도록 하겠습니다.
<label></label> 태그는 이름, 성별 과 같이 input 태그를 설명하는데 사용합니다.
좀 더 자세하게 설명하자면 label 태그의 for 속성에 input 태그의 id 속성을 입력하여 label 태그가 어떤 input 태그를 설명하는지 알려줍니다.
오늘은 여기까지 하고 다음에는 Input 태그 중 select 태그와 옵션 선택 태그 이어서 진행할 수 있도록 하겠습니다.
'@Develop/web' Related Articles
more
댓글
