비디오: HTML5 - 11 [ FORM ] 회원가입 폼 만들기, input, text, email 2024
양식에 텍스트, 비밀번호, 라디오 (버튼), 체크 박스, 숨김, 검색, 전화 (전화 번호), URL, 전자 메일 (주소), 날짜 / 시간, 날짜, 월, 주, 시간, 날짜 시간 - 지역, 숫자, 범위 (숫자 값 범위 설정), 색상 등. 모든 필드는 이름 및 유형 속성 (예: 텍스트 상자 또는 비밀번호 필드)에 대한 값을 필요로하지만 형식에 대해 질문 할 때마다 설명 라벨 및 입력 데이터의 예를 사용자에게 제공하는 것이 좋습니다. 예를 들어,
som을 입력하는 대신 사용자가 옵션 (확인란 또는 라디오 버튼)을 선택해야하는 입력 요소의 경우 필드에 넣으면 이름과 값을 모두 정의합니다. 사용자가 확인란이나 라디오 버튼을 선택하고 제출을 클릭하면 양식에 요소에 지정된 이름과 값이 반환됩니다.
는 사용자가 정보를 입력하는 단일 행 필드입니다. 사용자에게 둘 이상의 행을 채울 수있는 기회를 제공해야하는 경우 텍스트 상자를 사용합니다. 단일 행 텍스트 필드를 작성하는 방법은 다음과 같습니다.
type 속성이 text로 설정된 요소를 사용하여 입력 필드를 텍스트 필드로 정의하십시오.
-
그런 다음
-
name 속성을 사용하여 입력 필드에 이름을 지정하십시오.
사용자가 필드에 입력 할 때 값을 제공합니다.이름:
성:
- 요소에 추가하여이 마크 업에는 목록을 포함하는 두 개의 텍스트 입력 필드 (첫 번째 이름과성에 대해 하나씩)
- 및
) 요소와 각 입력 필드에 레이블을 붙일 텍스트가 있습니다. 그 자체로 대부분의 양식 요소는 사용자가 입력하려는 정보 유형에 대한 많은 단서를 제공하지 않습니다.
-
HTML 블록 및 인라인 요소를 사용하여 양식의 형식을 지정하고 필요한 텍스트를 제공해야합니다. 이 그림은 브라우저가 이러한 종류의 HTML을 표시하는 방법을 보여줍니다.
- size: 텍스트 필드의 길이 (문자 수)
maxlength: 사용자가 필드에 입력 할 수있는 최대 문자 수
다음 속성을 사용하여 텍스트 필드의 크기를 제어 할 수 있습니다. > 다음 마크 업은 두 필드를 모두 30 자 (문자 길이) 및 최대 길이 25 자 (문자 길이)로 설정하는 양식을 작성합니다.각 필드의 길이는 약 30 자이지만 그림에서와 같이 사용자는 각 필드에 25 자만 입력 할 수 있습니다.
-
(maxlength보다 큰 size 속성을 설정하면 텍스트 입력란에 사용자 입력과 표시되는 필드 상자의 끝 사이에 항상 공백이 생길 수 있으므로 직접 입력 할 필요는 없지만 시각적으로
-
성:
성:
-