HTML 양식의 텍스트 입력 옵션

• 4 월 29, 2024

"웹 사이트 양식의 일부"기사에서는 양식 디자이너가 사용할 수있는 입력 옵션에 대해 간략하게 설명했습니다. 이제 이러한 옵션 중 일부를 자세히 살펴볼 차례입니다. 특히 방문자가 입력 한 텍스트 정보를 캡처하고 저장할 수있는 세 개의 필드가 있습니다.

텍스트 필드
텍스트 필드는 가장 자주 사용되는 양식 필드 중 하나입니다. 방문자 이름과 같은 짧은 텍스트 답변을 캡처하는 데 사용됩니다. "size ="를 사용하여 텍스트 필드의 크기를 변경할 수 있습니다. "maxlength ="는 전화 번호 또는 우편 번호 필드와 같이 방문자가 입력 할 수있는 문자 수를 제한합니다. "value ="를 사용하여 초기 값을 설정할 수도 있습니다.

다음과 같이 코딩 된 텍스트 필드 :



... 귀하의 사이트에서 다음과 같이 보일 것입니다.



텍스트 영역
텍스트 영역은 텍스트 필드보다 덜 자주 사용됩니다. 이들은 더 큰 입력 블록을 캡처하는 데 사용되므로 예를 들어 주석 필드로 양식에 하나를 추가 할 수 있습니다. 텍스트 필드와 마찬가지로 필드 크기를 지정할 수 있습니다. "rows ="는 텍스트 영역의 너비를 설정하고 "cols ="는 높이를 설정합니다. 텍스트 영역에는 줄 바꿈 옵션도 있습니다. "wrap = off"로 설정하면 입력 한 텍스트가 하나의 긴 줄로 처리됩니다. "wrap = virtual"은 텍스트가 양식 내에서 줄 바꿈되는 것처럼 보이지만 데이터 자체는 줄 바꿈없이 서버로 전송되는 반면 "wrap = physical"은 양식이 실제 줄 바꿈을 필드에 추가하여 서버에 전송 함을 의미합니다. 휴식이 포함되었습니다.

다음과 같이 코드화 된 텍스트 영역 :

이 상자에 텍스트를 입력하여 실험 할 수 있습니다.

... 이것은 다음과 같습니다

-TEXTAREA- rows = "6"cols = "40"wrap = "virtual">이 상자에 텍스트를 입력하여 실험 할 수 있습니다 .-TEXTAREA->

비밀번호 필드

암호 필드는 텍스트 필드와 유사하지만 방문자가 필드에 입력 한 내용이 가려져 있습니다. 모든 방문자에게 표시되는 것은 일련의 점입니다. 정보를 입력 할 때 뒤로 걸어가는 사람은 사용자의 비밀번호를 한 눈에 볼 수 없으므로 방문자에게 매우 안심이 될 수 있습니다. 비밀번호 필드에 입력 한 데이터는 실제로 암호화되지 않습니다. 사용자 정보에 보안을 추가하려면 일반적으로 보안 사이트를 설정하여 다른 방법을 사용해야합니다.

비밀번호 필드의 속성은 텍스트 필드의 속성과 동일합니다.

다음과 같이 코딩 된 비밀번호 필드 :



... 이것은 다음과 같습니다

비디오 지침: HTML - html5 form 4 : 입력 값 체크 (4 월 2024).