웹폼2 HTML Label 태그, input 태그와 함께 다니는 최적 조합 LABEL 태그란? HTML에서 Label 태그는 , 와 같이 사용자의 입력을 받는 태그와 함께 사용됩니다. 왜 label 태그가 함께 사용되는지 역할과 중요성에 대해 알아볼까요? 태그에 대해 더 알아보시려면 여기를 눌러주세요 사용법 사용자명: 태그는 태그 주변에 함께 있습니다 그리고 label 속성 for와 input 속성 id를 일치시켜야 해요 그래야 label에 입력된 text를 눌러도 input 요소로 커서(포커스)가 이동합니다 다른 예시를 볼께요. 이용 약관에 동의합니다 이번에는 label 태그가 input 뒤에 있습니다. 체크박스를 먼저 만들고 뒤에 텍스트가 이어지기 때문이에요 여기도 마찬가지로 input id "agree"와 label for "agree"가 동일하기 때문에 서로 연결되어 있.. 2023. 6. 3. 인터랙티브 웹페이지 구현을 위한 HTML Input 태그의 활용 INPUT 태그란? 태그는 말 그대로 어떤 정보를 넣는 기능을 가지고 있습니다. 사용자로부터 정보를 입력받을 수 있도록 도와줍니다. 웹페이지에서 로그인을 하거나 메뉴를 선택하거나 할 때 다양한 형태의 데이터를 입력받을 수 있도록 합니다. 사용법 태그는 여러 가지 속성을 함께 적어야 합니다. 태그는 self-closing tag라서 쌍으로 적지 않아도 됩니다. 먼저 type을 정해야 하는데요 text : 일반적인 텍스트를 입력받을 수 있습니다 number : 숫자만 받을 수 있습니다 checkbox : 여러개를 선택할 수 있는 네모난 박스를 만들 수 있습니다 radio : 하나만 선택할 수 있는 동그란 원을 만들 수 있습니다 password : 암호를 입력받을 수 있어요. 입력받은 값은 아스타리스크 (*).. 2023. 6. 2. 이전 1 다음