HTML 숨겨진 필드 란 무엇입니까?

html 숨겨진 필드는 "" 구문을 사용하여 사용자에게 보이지 않는 웹페이지의 양식 요소를 나타냅니다. 숨겨진 필드를 양식에 삽입하는 목적은 양식을 처리하는 프로그램에서 사용할 수 있는 정보를 수집하거나 전송하는 것입니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

숨겨진 필드: 웹페이지에서 사용자에게 보이지 않는 양식 요소, 즉 숨겨진 양식 요소를 말합니다.

기본 구문:

<input type="hidden" name="field＿name" value="value">

기능:

숨겨진 필드는 페이지에서 사용자에게 표시되지 않습니다. 숨겨진 필드를 양식에 삽입하는 목적은 양식을 처리하는 프로그램에서 쉽게 사용할 수 있도록 정보를 수집하거나 보내는 것입니다. 뷰어가 전송 버튼을 클릭하여 양식을 전송하면 숨겨진 필드 정보도 서버로 전송됩니다.

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

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

한 웹 페이지에 여러 양식이 동시에 제출될 수 없는 경우도 있지만 때로는 이러한 양식이 서로 상호 작용할 수도 있습니다.

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

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

예: 제출 버튼을 클릭할 때 Hidden을 사용하여 숫자 1씩 증가를 구현합니다.

Numerical increment.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>

일반 핸들러를 사용하여 숫자 increment.ashx를 구현합니다.

코드는 다음과 같습니다.

int n = 0; 
public void ProcessRequest (HttpContext context) { 
context.Response.ContentType = "text/html"; 
string path = context.Request.MapPath("数值自增.htm"); 
string html = System.IO.File.ReadAllText(path); 
//判断页面是否是第一次加载 
string viewstate = context.Request.Form["_viewstate"]; 
if (!string.IsNullOrEmpty(viewstate)) 
{ 
//点击按钮 post 
//获取隐藏域的值 
string s = context.Request.Form["_div"]; 
if (int.TryParse(s, out n)) 
{ 
n++; 
html = html.Replace("@n",n.ToString()); 
} 
} 
else 
{ 
//页面首次加载,给div和div对应的隐藏域赋值 
html = html.Replace("@n", n.ToString()); 
} 
context.Response.Write(html); 
}

추천 튜토리얼 : 《html 비디오 튜토리얼》

위 내용은 HTML 숨겨진 필드 란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!