숨겨진 HTML 버튼

웹 페이지 양식을 사용하면 사이트 사용자의 데이터를 캡처 할 수 있습니다. 종종 비즈니스 웹 사이트의 중요한 프로세스입니다. 일부 웹 양식은 숨겨진 필드를 사용합니다.이 경우 HTML 입력 요소는 페이지 마크 업에 포함되지만 사용자에게는 보이지 않습니다. HTML 입력 요소를 특정 "유형"속성과 함께 사용하거나 선택적으로 CSS (Cascading Style Sheet) 코드를 사용하여 웹 페이지 양식에 숨겨진 필드와 버튼을 포함시키는 두 가지 방법이 있습니다.

HTML 입력

HTML 양식은 입력 요소를 사용합니다. 버튼, 체크 박스, 텍스트 필드 등 다양한 입력 요소가 있습니다. 입력 요소에 대한 "type"속성은 페이지 내의 모양과 기능을 결정합니다. input 요소의 "type"속성을 "hidden"으로 설정하면 숨겨진 양식 필드가 만들어집니다. 다음 샘플 마크 업에서는 다음을 보여줍니다.

이렇게하면 포함 된 양식의 일부로 작동하지만 사용자에게는 표시되지 않는 필드가 만들어집니다. 그러나 이것은 숨겨진 양식 입력 요소이지만 단추가 아닙니다.

CSS 가시성

숨겨진 HTML 버튼 요소를 포함 시키려면 개발자가 몇 가지 선택을해야합니다. 입력 요소가 "type"속성으로 "숨김"을 가지고 있지 않으면 기본적으로 페이지 내에 나타납니다. 다른 유형의 입력 요소를 숨기려면 개발자가 CSS 코드를 사용할 수 있습니다. 이 메소드를 사용하여 개발자는 HTML 버튼 요소 또는 "type"이 "button"또는 "submit"으로 설정된 입력 요소를 포함 할 수 있습니다. 개발자는 다음과 같이 visibility 속성을 사용하여 CSS 코드로 버튼 스타일을 숨길 수 있습니다.

input.hide {visibility : hidden; }

이것은 다음 버튼에 대해 작동합니다.

JavaScript 함수

숨겨진 버튼에는 사용자가보고 상호 작용할 수 있는지 여부에 따라 기본 기능이 없습니다. 사용자는 페이지 내에 표시되지 않는 버튼을 클릭 할 수 없기 때문에 개발자는 자바 스크립트 기능을 사용하여 사용자 클릭시 버튼이 일반적으로 시작하는 액션을 프롬프트해야합니다. 예를 들어, 페이지에서 JavaScript 함수를 사용하여 사용자가 다른 양식 요소와 상호 작용하는 등의 다른 이벤트에서 양식 데이터를 제출하라는 메시지를 표시 할 수 있습니다. 일부 웹 양식은 사용자가 양식과 상호 작용할 때 입력 단추 및 기타 요소를 표시하거나 숨 깁니다.

고려 사항

숨겨진 양식 필드 및 버튼은 경우에 따라 적합하지만 신뢰할 수 없습니다. 대부분의 경우 개발자는 입력 요소를 기본 상태로 사용하여 유용한 결과를 만듭니다. 대부분의 양식은 필드, 버튼 및 사용자가 기대하는 방식으로 완벽하게 표시되고 작동하는 다른 입력 요소를 사용하여 성공적으로 구조화 될 수 있습니다.