Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

HTML 양식이란 무엇이며 어떻게 사용합니까?

HTML 양식은 사이트 방문자로부터 일부 데이터를 수집하는 데 필요합니다. 예를 들어, 학생이 대학 웹사이트에 등록하는 동안 이름, 나이, 주소, 점수 등과 같은 학생에 대한 정보를 수집합니다.

양식은 사이트 방문자로부터 입력을 받아 CGI, ASP 스크립트 또는 PHP 스크립트 등과 같은 백엔드 애플리케이션에 게시합니다. 백엔드 애플리케이션은 애플리케이션 내부에 정의된 비즈니스 로직을 기반으로 전달된 데이터에 대해 필요한 처리를 수행합니다.

HTML

태그는 HTML 형식을 만드는 데 사용됩니다.

HTML 양식이란 무엇이며 어떻게 사용합니까?

위에 표시된 것처럼 일부 속성을 사용했습니다. 다음은 양식 속성입니다.

HTML 양식 속성

다음은 HTML 양식의 속성입니다.

S.No 속성 및 설명
1 액션 전달된 데이터를 처리할 준비가 된 백엔드 스크립트.
2 메소드 데이터를 업로드하는 데 사용할 메서드입니다. 가장 자주 사용되는 방법은 GET 및 POST 방법입니다.
3 대상 스크립트의 결과가 표시될 대상 창 또는 프레임을 지정합니다. _blank, _self, _parent 등과 같은 값을 사용합니다.
4 암호화 유형 enctype 속성을 사용하여 브라우저가 데이터를 서버로 보내기 전에 데이터를 인코딩하는 방법을 지정할 수 있습니다. 가능한 값은 -
응용 프로그램/x-www-form- urlencoded − 이것은 대부분의 양식이 간단한 시나리오에서 사용하는 표준 방법입니다.
여러 부분 /양식 데이터 - 바이너리 데이터를 이미지, 워드 파일 등과 같은 파일 형태로 업로드하고자 할 때 사용합니다.


HTML 양식 컨트롤

텍스트 입력, 확인란, 라디오 상자, 파일 선택 상자, 제출 버튼 등과 같은 데이터를 수집하는 데 다양한 유형의 양식 컨트롤을 사용할 수 있습니다.

HTML 형식의 태그를 사용하여 사용자 입력을 얻는 간단한 예를 살펴보겠습니다.

예시

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Forms</title>
   </head>
   <body>
      <form>
         Student Name: <input type = "text" name = "sname" /><br>
         Student Subject: <input type = "text" name = "ssubject" />
      </form>
   </body>
</html>

위의 코드를 사용하여 이름과 제목에 대한 사용자 입력을 얻으십시오.

속성 유형을 사용했습니다. 및 이름 . 태그,

에 대한 다른 모든 속성을 살펴보겠습니다.
Sr.No
속성 및 설명
1 유형 입력 컨트롤의 유형을 나타내며 텍스트 입력 컨트롤의 경우 텍스트로 설정됩니다.
2 이름 인식할 서버로 보내는 컨트롤에 이름을 부여하고 값을 얻기 위해 사용
3 값 이것은 컨트롤 내부에 초기 값을 제공하는 데 사용할 수 있습니다.
4 크기 문자로 텍스트 입력 컨트롤의 너비를 지정할 수 있습니다.
5 최대 길이
사용자가 텍스트 상자에 입력할 수 있는 최대 문자 수를 지정할 수 있습니다.