>  기사  >  웹 프론트엔드  >  html5 숨겨진 속성을 사용하는 방법을 모르시나요? 그런 다음 양식의 숨겨진 속성의 사용법을 살펴보십시오.

html5 숨겨진 속성을 사용하는 방법을 모르시나요? 그런 다음 양식의 숨겨진 속성의 사용법을 살펴보십시오.

寻∝梦
寻∝梦원래의
2018-08-29 14:26:5211721검색

이 글에서는 HTML5의 새로운 숨겨진 속성의 사용법,

태그의 숨겨진 속성 사용법, 그리고 form 태그의 사용법을 주로 소개합니다.

1. 먼저 숨겨진 속성에 대해 이야기해 보겠습니다.

이것은 HTML5의 새로운 속성으로

태그에 숨겨질 수 있으며 브라우저에서는 볼 수 없습니다.

<html>
<head>
<meta charset="UTF-8">
<title>php中文网</title>
</head>
<body>
  <p>这个段落没有被隐藏。</p>
<p>这个段落没有被隐藏。</p>  
<p hidden>这个段落应该被隐藏。</p>
<p>这个段落没有被隐藏。</p>
<p>这个段落没有被隐藏。</p>
</body>
</html>

가운데에 숨김 속성을 추가했는데 나머지도 마찬가지네요. 결과를 보겠습니다

html5 숨겨진 속성을 사용하는 방법을 모르시나요? 그런 다음 양식의 숨겨진 속성의 사용법을 살펴보십시오.

사진과 같이 선이 4개만 있고, 가운데 선이 사라집니다.

이 속성의 기본 사용법을 알고 나면 숨겨진 속성이 폼에서 어떤 역할을 하는지 살펴보겠습니다

2. 폼의 숨겨진 속성의 역할:

  • 페이지의 숨겨진 필드는 다음과 같습니다. Invisible 사용자의 경우 숨겨진 필드를 양식에 삽입하는 목적은 양식을 처리하는 프로그램에서 사용할 수 있도록 정보를 수집하거나 전송하는 것입니다. 뷰어가 전송 버튼을 클릭하여 양식을 전송하면 숨겨진 필드 정보도 서버로 전송됩니다.

  • 때때로 우리는 양식을 제출할 때 사용자의 신원을 확인하기 위해 세션 키 등과 같은 정보를 제공하고 제출하도록 요청해야 합니다. 물론 이러한 것들은 쿠키를 사용하여 구현할 수도 있지만 숨겨진 필드를 사용하는 것이 훨씬 간단하며 이를 지원하지 않는 브라우저나 사용자가 쿠키를 비활성화하는 것에 대해 걱정할 필요가 없습니다.

  • 양식에 여러 개의 제출 버튼이 있는 경우가 있습니다. 프로그램은 사용자가 제출하기 위해 누른 버튼을 어떻게 구분할 수 있나요? 숨겨진 필드를 작성하고 각 버튼에 onclick=을 추가할 수 있습니다. "xx""이면 데이터를 받은 후 먼저 명령 값을 확인하고 사용자가 제출하기 위해 어떤 버튼을 눌렀는지 알 수 있습니다.

  • 때로는 여러 양식을 동시에 제출할 수 없는 경우가 있지만 양식이 서로 상호 작용하는 경우도 있습니다. 양식에 숨겨진 필드를 추가하여 연결할 수도 있습니다.

  • JavaScript는 전역 변수를 지원하지 않지만 때로는 전역 변수를 사용해야 할 경우 숨겨진 필드에 먼저 값을 저장하면 해당 값이 손실되지 않습니다.

  • 또 다른 예가 있습니다. 버튼을 누르면 작은 창 4개가 팝업되며, 작은 창 중 하나를 클릭하면 나머지 3개가 자동으로 닫힙니다. 그러나 IE는 서로 호출하는 작은 창을 지원하지 않으므로 상위 창에 숨겨진 필드만 작성할 수 있습니다. 작은 창은 숨겨진 필드의 값이 가까워진 것을 확인하면 스스로 닫힙니다.

예: 제출 버튼을 클릭할 때 Hidden을 사용하여 숫자를 1씩 증가시키면 자동으로 값이 증가합니다.htm

<form action="数值自增.ashx" method="post"> 
<input type="hidden" name="_viewstate" value="a" /> 
<input type="hidden" name="_div" value="@n" /> 
<!-- <input name="txt" type="text" value="@value" />--> 
<div>@n</div> 
<input type="submit" value="click" /> 
</form>

자, 위는 두 곳에서 HTML5 Hidden 속성을 사용하는 방법에 대한 것입니다. 궁금하신 점은 아래로 문의주세요

[에디터 추천]

HTML ul 태그는 무슨 뜻인가요? HTML ul 태그의 역할에 대한 자세한 설명

html에서 pre 태그의 텍스트를 어떻게 감싸나요? HTML 사전 태그 사용 예

위 내용은 html5 숨겨진 속성을 사용하는 방법을 모르시나요? 그런 다음 양식의 숨겨진 속성의 사용법을 살펴보십시오.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.