HTML 양식이 숨겨져 있습니다.

HTML 양식은 웹 개발에서 일반적으로 사용되는 도구로, 이를 통해 사용자는 데이터를 입력하고 서버에 제출할 수 있습니다. 양식에서 일부 정보는 사용자가 입력하고 표시해야 하지만 일부 정보는 숨겨야 합니다. 이 기사에서는 HTML 양식을 숨기는 방법을 소개합니다.

1. 양식 요소 숨기기

HTML 양식에는 "숨겨진 요소"라는 요소가 있습니다. 이 요소의 기능은 페이지 레이아웃에 영향을 주지 않고 페이지에서 지정된 요소를 숨기는 것입니다. 간단한 숨겨진 요소 코드는 다음과 같습니다.

이 코드는 이름 속성이 "id"이고 값 속성이 "123"인 숨겨진 텍스트 입력 상자를 만듭니다. 사용자가 양식을 제출하면 숨겨진 요소의 값도 서버에 제출됩니다.

2. 전체 양식 숨기기

때로는 전체 양식을 숨겨야 할 때가 있는데, 이는 CSS를 사용하여 수행할 수 있습니다. 예를 들어, 다음 코드는 페이지에서 양식을 숨깁니다.

   Submit 
 

위 코드에서 양식은 ID가 "myForm"인

   Submit  

위 코드에서는 CSS 속성 선택기를 사용하여 이름 속성이 "password"인 입력 상자를 선택하고 표시 속성을 설정합니다. "없음"으로.

4. 양식의 특정 부분 숨기기

때로는 양식을 여러 부분으로 나누어 사용자가 한 부분을 작성한 후 해당 부분을 숨기고 다음 부분을 표시해야 할 때가 있습니다. 이는 JavaScript를 사용하여 달성할 수 있습니다. 예:

 
   Next 
 
  Submit 
 
 

위 코드에서 양식은 두 부분, 즉 ID가 "part1" 및 "part2"인 두 개의