형식이란 무엇입니까?
HTML의 양식은 HTML 페이지가 브라우저와 상호 작용하는 중요한 수단입니다. 이 양식을 사용하여 서버는 입력 한 비밀번호 등과 같은 클라이언트 브라우저가 제출 한 관련 정보를 수집 할 수 있습니다. 웹 사이트를 탐색 할 때 종종 양식이 발생합니다. 서버와 브라우저 간의 대화식 기능의 중요한 부분입니다. 여기서 상호 작용은 로컬로 입력 한 비밀번호를 서버로 전송하는 것과 같이 서로 데이터를 교환하는 프로세스를 의미합니다. 웹 사이트가 ASP, PHP, JSP 등과 같은 웹 사이트의 대화식 기능을 구현하는 데 사용하는 언어 형태에 관계없이 이제는 통합 정보 수집 방법이되었습니다.
양식의 주요 기능은 정보, 특히 시청자의 정보를 수집하는 것입니다. 예를 들어, 온라인으로 이메일을 신청하는 경우 필요에 따라 웹 사이트에서 제공 한 양식 페이지를 작성해야합니다. 예를 들어, 이름, 연령, 연락처 정보 등과 같은 개인 정보가 포함됩니다. 예를 들어, 포럼에서 발언하려면 말하기 전에 자격을 신청해야하며 양식 페이지를 작성해야합니다. 물론,이 양식은 소스 코드를 보지 않고는 보이지 않으며 사용자는 양식이 존재한다고 느낄 수 없습니다.
양식은 일반적으로 설문 조사, 주문, 검색 및 기타 기능에 사용될 수 있습니다. 일반적으로 양식은 두 부분으로 구성됩니다. 하나는 양식 요소를 설명하는 HTML 소스 코드입니다. 브라우저에서는 소스 코드를 통해이 부분을 찾을 수 있습니다. 두 번째는 클라이언트 스크립트 또는 서버가 사용자의 채우기를 처리하기 위해 사용하는 프로그램입니다. 여기서 주로 수집 된 데이터를 처리합니다. 예를 들어, 위의 예에서 얻은 비밀번호는 비밀번호가 올바른지 확인하려면 서버로 전송되어야합니다. 그것이 올바른 경우 입력하고 오류가 없으면 로그인되지 않습니다. 이것은 처리 프로세스입니다. HTML에서는 ASP 및 PHP와 같은 서버 측 스크립팅 언어에서 양식을 정의하고 양식 처리기와 협력 할 수 있습니다. 양식 정보 처리 프로세스는 다음과 같습니다. 양식으로 제출 된 버튼을 클릭하면 양식에 입력 한 정보가 서버로 전송 된 다음 서버의 관련 응용 프로그램으로 처리됩니다. 처리 후 사용자가 서버 데이터베이스에 제출 한 정보를 저장하거나 관련 정보를 클라이언트의 브라우저에 반환하십시오. 양식의 다양한 지식 지점을 자세히 살펴 보겠습니다.
1. 양식 태그 <양식>
양식은 웹 페이지의 특정 영역에 있으며 <양식> 태그 쌍으로 정의되고 식별됩니다. <form> 태그에는 웹 페이지에 두 가지 주요 기능이 있습니다.
먼저, 양식의 함수 범위를 정의 할 수 있으며, 다른 양식 객체 표시는 양식에 삽입되어야합니다. 예를 들어, 제출 버튼을 클릭하면 양식 범위 내에서 콘텐츠를 제출하고 양식 외부의 콘텐츠는 제출되지 않습니다.
둘째, 양식을 처리하는 스크립트 프로그램의 위치, 양식을 제출하는 방법 등과 같은 양식 자체의 관련 정보가 포함되어 있습니다. 기본 구문 및 양식의 구문은 다음과 같이 설명됩니다.
기본 구문 :
<form name = form_name method = method action = url enctype = value target = target_win> ............ </form>
구문 설명은 다음과 같습니다.
재산 | 설명하다 |
이름 | 양식의 이름 |
방법 | 일반적으로 두 가지 방법을 사용하여 브라우저에서 서버로 양식을 전송하는 방법을 정의하십시오. |
행동 | 양식 처리기의 위치를 정의하면 절대 경로와 상대 경로의 두 가지 유형이 있습니다. |
ENCTYPE | 양식의 인코딩 방법을 설정하십시오 |
목표 | 리턴 정보의 디스플레이 방법을 설정하십시오 |
위의 속성 중에서 이름, 방법 및 동작이 가장 일반적으로 사용되며 스크립트 프로그램 분석의 기초이기도합니다. 그들은 아래에 자세히 설명하고 설명됩니다. 1. <form> 태그의 이름 속성의 기본 구문은 다음과 같습니다. <form name = form_name> ………………………
2. <form> 태그의 동작 속성의 기본 구문은 다음과 같습니다. <양식 action = url> ……………………… 이 주소는 절대 경로, 상대 경로 또는 이메일 주소가 될 수 있습니다.
예 : <양식 이름 = mailaction = mailto : [email protected]>
3. <form> 태그의 MTHOD 속성의 기본 구문은 다음과 같습니다. <form mthod = method> ……………… <form> mthod에서 선택할 수있는 두 가지 방법이 있습니다. 하나는 얻고 다른 하나는 게시물입니다. GET 메소드를 통해 데이터를 제출할 때 양식의 모든 내용은 URL 주소 후에는 물음표로 분리됩니다. 전달 데이터의 형식은 이름 = 값입니다. 이름은 전달 될 데이터의 이름이며 값은 전달되는 값입니다. 통과 할 여러 값이 있으면 여러 값을 기호로 분리 할 수 있습니다. 예를 들어 http : //localhost/haha/haha.asp? name1 = value1 & name2 = value2입니다. 이 데이터는 URL 주소 뒤에 있기 때문에 제출 된 정보의 길이는 제한되어 있으며 8192자를 초과 할 수 없습니다. 가장 일반적으로 사용되는 방법은 게시물 방법입니다. 이 방법에는 폼 본문에서 사용자가 채워진 데이터가 포함되어 있으며 서버 핸들러에 함께 전달합니다. 따라서이 방법에는 크기 제한이 없습니다. 어떤 메소드를 지정하지 않으면, 기본값은 get 메소드입니다. 양식 태그 <form>을 정의한 후 특정 함수를 완료하는 코드의 태그를 추가 할 수 있습니다. 다음 표에 표시된 것처럼 양식에 포함될 수있는 4 개의 태그가 있습니다.
표시 | 설명하다 |
<입력> | 입력 태그 양식 |
<select> | 메뉴 및 목록 태그 |
<옵션> | 메뉴 및 목록 항목 태그 |
<TextRea> | 텍스트 도메인 마커 |
HTML 코드에서는 조직이 다음과 같습니다
<form> <input> …………… </input> <textarea> …………… </textarea> <select> <sollite> ………… </옵션> </select> </form>
위의 태그의 경우 가장 빈번한 두 가지 스크립트 해킹 기술은 <input> 및 <textarea>이어야합니다. 이 두 가지 태그를 아래에서 자세히 설명해 봅시다. 2. 입력 태그 <입력 태그> 입력 태그 <입력>은 형식에서 가장 일반적으로 사용되는 태그 중 하나입니다. 웹 페이지에서 일반적으로 사용하는 텍스트 필드와 버튼이 모두 사용됩니다. 기본 구문은 다음과 같습니다.
<form> <입력 이름 = field_name 유형 = type_name> </form>
여기서 이름은 도메인의 이름이며 유형은 도메인의 유형입니다. 유형 속성에는 많은 속성 값이있을 수 있습니다. 그중에서도 일반적으로 사용되고 해킹 기술과 밀접하게 관련되어있는 것은 텍스트, 암호, 파일, 버튼, 제출, 재설정, 숨겨진 것입니다. 1. 텍스트 도메인 텍스트
텍스트 속성 값은 양식의 텍스트 영역을 설정하고 모든 유형의 텍스트, 숫자 및 문자를 입력하는 데 사용됩니다. 입력 데이터는 한 줄로 표시됩니다. 모든 사람이 이것을 이해하기가 어려울 수 있습니다. 나중에 설명 할 모범을 보여 드리겠습니다. 먼저 기본 문법과 문법적 설명을보십시오. 기본 구문 : <입력 유형 = 텍스트 이름 = field_name maxlength = 값 크기 = 값 값 = field_value> 구문 해석 :이 설명은 다음 표에 나와 있습니다.
텍스트 도메인 속성 | 설명하다 |
이름 | 텍스트 필드의 이름 |
최대 길이 | 텍스트 필드의 최대 입력 문자 수 |
크기 | 텍스트 필드의 너비 (문자) |
값 | 텍스트 필드의 기본값 |
이것은 텍스트 영역에 대한 기본 지식입니다. 많은 친구들이 여전히 그것을 이해하지 못할 수도 있습니다. 아래 코드를 설명하기 위해 예제를 작성해 봅시다.
<html> <head> <title> 텍스트 도메인 </title> </witch> <body> 사용자 조사 <form action = mailto : [email protected] 메서드 = get name = haha> <!-이메일 주소로 연결하기 위해 양식을 작성하는 방법은 haha-> 이름입니다. 20-> 웹 사이트 : <입력 유형 = 텍스트 이름 = URL 크기 = 20 maxlength = 50 값 = http : /// <!-이름이 URL이있는 텍스트 도메인을 작성하고 너비는 20이고 최대 입력 길이는 50입니다. 기본값은 http : //-> </body> </html>입니다.
코드를 작성한 후 접미사 이름을 HTML로 변경하여 실행합니다. (그림 1). 그러한 사진의 경우, 인터넷 서핑을 할 수있는 모든 친구들이 그들을 보았을 것이라고 생각합니다.
(그림 1)
2. 비밀번호 도메인 비밀번호예를 들어 온라인 상태 일 때 이메일 주소에 로그인하면 비밀번호를 입력해야합니다. 비밀번호를 입력하기위한 입력 상자를 암호 도메인이라고하며, 이는 텍스트 도메인의 다른 형태입니다. 그 기능은 텍스트 필드에 입력 된 모든 기사가 별표* 또는 점으로 표시된다는 것입니다. 기본 구문은 위의 텍스트 필드와 유사합니다. 차이점은 유형의 텍스트를 암호로 변경하면됩니다. 위의 텍스트 필드의 예를 바탕으로 <form> 태그 사이의 코드 비밀번호를 추가하십시오. <inpyt type = password name = password size = 20 maxlength = 30> 저장 후 파일을 열고 암호 입력 상자에 문자를 입력 할 수 있지만 실제 문자는 숨겨져 있습니다 (그림 2).
(그림 2)
3. 파일 도메인 파일
파일 도메인을 사용하면 도메인 내부의 로컬 컴퓨터의 파일을 채우고 양식을 통해 업로드 할 수 있습니다. 이것이 파일 도메인의 기본 기능입니다. 가장 많이 사용되는 것은 업로드해야합니다. 모양 측면에서 파일 필드는 텍스트 상자와 브라우징 버튼입니다. 텍스트 상자의 웹 사이트에 업로드 할 파일의 경로를 직접 채우거나 브라우징 버튼을 클릭하여 컴퓨터에 업로드 할 파일을 찾을 수 있습니다.
기본 구문은입니다
<입력 유형 = 파일 이름 = field_name> 유형은 파일이고 이름은이 파일 필드의 이름입니다. 파일 필드를 작성하겠습니다. 코드는 다음과 같습니다.
<html> <head> <title> 텍스트 필드 </title> </head> <body> <form> 사진을 업로드하십시오 : <입력 유형 = 파일 이름 = 파일> </form> </body> </html>
저장 후 열면 텍스트 필드의 실제 얼굴을 볼 수 있습니다 (그림 3). 나는 모든 사람들이 업로드 된 사진을 보았다고 생각합니다.
(그림 3)
4. 버튼 양식의 버튼은 중요한 역할을합니다. 버튼은 양식의 모든 데이터를 서버에 제출하는 기능을 가질 수 있으며 사용자가 양식을 수정해야 할 때 양식을 초기 상태로 복원 할 수 있으며 프로그램의 요구에 따라 다른 역할을 수행 할 수 있습니다. 버튼은 일반적으로 버튼 (일반 버튼), 제출 (제출 버튼) 및 재설정 (재설정 버튼)의 세 가지 유형으로 나뉩니다. 일반 버튼 버튼의 구문은 <입력 유형 = 버튼 이름 = field_name value = button_text>이며 값 값은 버튼에 표시된 텍스트를 나타냅니다. 버튼 제출을 제출하는 목적은이 버튼을 클릭 한 후 양식의 모든 데이터를 서버 핸들러에 제출하는 것입니다. 기본 구문은 <입력 유형 = 제출 이름 = field_name value = button_text>이며 값 값은 버튼에 표시된 텍스트를 나타냅니다. 재설정 버튼 재설정이란 버튼을 클릭 한 후 양식에 추가 한 모든 데이터가 지워지고 기본 양식 컨텐츠 설정으로 복원됩니다. 기본 구문은 <input type = reset name = field_name value = button_text>입니다. 다시 : HTML 언어에서 크기는 구별 할 수 없습니다. 버튼의 효과를 연습하기 위해 예제를 간단히 작성해 봅시다. 코드는 다음과 같습니다.
<html> <head> <title> Form Button Demo </title> </head> <body> 사용자 등록 <form action = mailto : [email protected] method = get name = haha> name : <입력 유형 = 텍스트 이름 = username size = 20> <br> <br> 웹 사이트 <input type = 텍스트 이름 = 20 maxlength = 30 <br> maxLength = 50 value = http ://> <br> <입력 유형 = 버튼 이름 = field_name value = 정상 버튼> <입력 유형 = 제출 이름 = field_name value = 제출 단추> <입력 유형 = velip_name value = reset buttong> </body> </html>
저장 후 파일을 열고 살펴보십시오 (그림 4). 비슷한 그림을 보았고 가장 일반적인 사진은 사용자를 등록 할 때 사용됩니다.
(그림 4)
5. 도메인을 숨기십시오
숨겨진 도메인은 숨겨져 있기 때문에 페이지의 사용자에게는 보이지 않습니다. 양식에 숨겨진 도메인을 삽입하는 목적은 정보를 수집하거나 보내는 것입니다. 제출 버튼을 클릭하여 양식 데이터를 보내면 숨겨진 도메인 정보도 서버로 전송됩니다. 그의 기본 구문은 <input type = field_name value = value>입니다. 내가 당신에게 설명하는 이유는 많은 프로그램이 이것이 숨겨져 있다고 생각하고 사용자가 볼 수 없다고 생각하는 프로그램을 작성하기 때문입니다. 따라서, 많은 경우, 탐지 및 필터링을위한 숨겨진 도메인 매개 변수는 없으므로 많은 보안 사고가 발생했습니다.3. 텍스트 필드 태그 <TextRea>
이 태그는 일반적으로 웹 페이지에서 여러 줄의 텍스트 필드를 만드는 데 사용되므로 더 많은 텍스트를 입력 할 수 있으며 가장 많이 사용되는 것은 기사의 주석에 있습니다.
기본 구문은 다음과 같습니다.
<textArea name = name rows = value cols = value value = value> </textarea>
, 그 속성은 다음 표에 나와 있습니다.
텍스트 필드 태그 속성 | 설명하다 |
이름 | 텍스트 필드의 이름 |
줄 | 텍스트 필드의 줄 수 |
콜스 | 텍스트 필드의 열 수 |
값 | 텍스트 필드의 기본값 |
다음은 모든 사람들이 실천에서 이것이 그리 어렵지 않다는 것을 이해할 수 있도록 자세히 설명하는 예입니다. 특정 코드는 다음과 같습니다.
<html> <head> <title> 텍스트 도메인 기능 데모 </title> </head> <body> 사용자 설문 조사 <양식 Action = Mailto : [email protected] 메서드 = get name = haha> 게시판 : <br> <textArea name = comment rows = 5 cols = 40> </textArea> <br> <input type = filder value = 제출 메시지 제출> </body> </html>
코드를 저장하고 접미사 이름을 변경하고 열면 인터넷의 게시판과 동일한 지 확인하십시오 (그림 5).
(그림 5)