input(9)
-
[HTML5] 양식 컨트롤과 연결하는 데 사용하는<label>and</label>
요소는 레이블을 입력 필드 또는 선택 드롭다운과 같은 양식 컨트롤과 연결하는 데 사용됩니다. 레이블은 관련 컨트롤에 대한 텍스트 설명 또는 프롬프트를 제공하여 사용자가 양식 요소의 목적 또는 예상 입력을 쉽게 이해할 수 있도록 합니다. 다음은 요소를 사용하는 방법의 예입니다. ID: Your Name: Email Address: Your Age: Submit 결과 : HTML 삽입 미리보기할 수 없는 소스 위의 코드에서: 요소는 요소 앞에 배치됩니다. 요소의 for 속성은 해당 양식 컨트롤과 연결하는 데 사용됩니다. for 속성의 값은 양식 컨트롤의 id 속성과 일치해야 합니다. 텍스트 "아이디:"는 요소 내에 배치됩니다. 이 텍스트는 연결된 입력 필드의 레이블 역할을 합니다. 과 양식 컨트롤 간의 연결..
2023.06.20 -
[HTML5] 라디오 버튼 <input type="radio">
type="radio" 속성이 있는 HTML 요소는 라디오 버튼 입력 컨트롤을 나타냅니다. 라디오 버튼을 사용하면 사용자가 옵션 목록에서 단일 항목을 선택할 수 있습니다. 다음은 type="radio" 속성이 있는 요소의 예입니다. Option 1 결과 : HTML 삽입 미리보기할 수 없는 소스 위의 코드에서: type 속성은 라디오 버튼임을 나타내기 위해 "radio"로 설정됩니다. id 속성에는 라디오 버튼을 식별하기 위한 고유한 값이 할당됩니다. 연관된 요소에서도 사용됩니다. name 속성은 관련 라디오 버튼을 함께 그룹화하는 데 사용됩니다. 동일한 이름 그룹 내의 모든 라디오 버튼은 동일한 선택을 공유합니다. value 속성은 라디오 버튼이 선택되었을 때 관련된 값을 정의합니다. 이 값은 라디오 ..
2023.06.19 -
[HTML5] 사용자가 입력을 선택하는 <input> 요소
HTML5에서 요소는 웹 양식에서 사용자 입력을 수집하는 데 가장 다양하고 널리 사용되는 요소 중 하나입니다. 지정된 유형 속성의 값에 따라 텍스트, 숫자, 체크박스, 라디오 버튼 등과 같은 다양한 유형의 데이터를 사용자가 입력할 수 있습니다. 요소는 대화형이고 사용자 친화적인 웹 양식을 만드는 데 필수적입니다. 요소의 기본 구조는 다음과 같습니다. 요소의 주요 속성과 사용법을 분석해 보겠습니다. type: 유형 속성은 생성하려는 입력 필드의 유형을 지정합니다. type 속성에는 각각 특정 목적을 가진 여러 가지 값이 있습니다. 몇 가지 일반적인 유형 값은 다음과 같습니다. 1) "text": 한 줄 텍스트 입력 필드를 만듭니다. 2) "password": 입력된 문자가 일반적으로 마스크되는(예: 별표)..
2023.06.19