프런트 엔드 개발 HTML5-- 양식 태그

양식 소개

  양식 양식은 주로 사용자가 웹 응용 프로그램에 데이터를 보낼 수있는 웹 응용 프로그램 데이터와 상호 작용하는 사용자를 위해 사용되는 웹 페이지가 자신의 사용에 대한 데이터를 전송 가로 챕 수 있습니다. 일반적으로 태그 라벨 폼 요소 객체를 설명하는 데 사용되는 시간과, 박스, 라디오 버튼을 확인, 드롭 다운 메뉴, 버튼, 단일 라인 / 다중 - 라인 텍스트 박스 소자 형성되는 폼 요소에 의해 일반적으로 복수 형성 . 다음과 같이 사용할 수있는 속성. 

     폼 정보 처리 프로그램의 주소에 작용.

     브라우저가 HTTP 양식 제출 메서드를 사용하는 방법.

      HTTP GET GET 메소드 프로토콜에 대응하는 폼 데이터는, "?"는 구분하여 상기 URI에 추가 

      포스트 프로토콜에 대응하는 HTTP의 POST 메소드는, 폼 데이터는 HTTP 프로토콜 요청 패킷의 본체 부에 포함.

    이름 이름 설정 양식

    대상은 브라우저 정보 양식 제출 한 디스플레이에 대한 응답을 수신하여 나타낸다.

       _self, _blank, _parent, _top이 동일한 값 및 하이퍼

폼 데이터 콘텐츠 형식

  폼 데이터는 콘텐츠 타입 속성에 enctype 의해 설정된

    1. 애플리케이션 / x-www-form-urlencoded를

      코딩 방법을 보내기 전에 모든 문자 (기본값)을 사용하려면 :

      ) @ = 기타 / : 1) 대조군의 이름과 값은 예컨대 AS (일반적으로 특정 용도에 사용되는 예약 문자를, [+]를 사용하여 한 바뀌 공백 문자를 배출한다. 변환 (HH는 문자의 ASCII 코드를 나타내는 두 개의 16 진수를 나타냄)이 % HH를 사용하여 비 숫자와 알파벳 문자,

      2) 그들은 문서에 데이터 스트림에 나타나는 순서에 나와있는 "이름 / 값"쌍을 제어 할 수 있습니다. 사용 및 "이름", "="분할을 사용하여 "값", 둘 사이 간격 "이름 / 값."

    2. 다중 / 폼 데이터

      아니 문자 인코딩. 양식 []를 포함 파일 업로드 컨트롤을 사용하는 경우,이 값을 사용해야합니다. 데이터가 다수의 부분들로 분할되고, 구조도 제어의 각 담당자는, 문서 데이터 스트림의 일부로서, 각 부 순차가 문서 데이터 스트림에서 나타나는 순서에 따라 서버로 전송하고, 경계 부분의 각은 아니다되고 이 데이터에 나타납니다. 각 섹션은 제 desposition 컨텐츠의 제목을 갖고, 그 값의 형식은 다음 내용 - 처리 : 폼 데이터, 이름 = "myControl"

    3. 텍스트 / 일반

      공백을 "+"플러스가 아닌 특수 문자 인코딩을 변환.

폼 성분 입력

  입력 요소 다음의 속성을 사용할 수있는 사용자로부터 데이터를 수신하기위한,

    1, 유형에 대한 설정 모듈을 입력

        텍스트 줄 텍스트 상자

        암호를 암호 상자에 내용이 차단됩니다 입력합니다.

        체크 박스 상자가 기본적으로 선택 체크 속성을 사용하여 전송 한 구성 요소 값의 속성 값을 설명하는 데 사용되어야합니다.

        무선 라디오 버튼이 디폴트로 선택 체크 특성을 이용하여 제출 성분 값의 속성 값을 설명하는데 사용되어야한다. 마다 하나 개의 컴포넌트 버튼 군에서 선택되도록 라디오 버튼 그룹의 모든 구성 요소는 동일한 이름 값을 가져야

        버튼을 제출 제출

        리셋 버튼을 재설정

        파일 버튼을 파일을 파일 시스템에서 파일의 구성 요소를 선택

        숨겨진 필드 숨겨진 구성 요소가 페이지에 표시되지 않지만, 그 값이 제출됩니다.

        이미지 이미지 버튼 SRC는, 이미지를로드 텍스트를 대체 할 대체 문을 사용하는 데 사용되어야합니다.

        버튼을 누름 단추

    설정 2, 이름 구성 요소 유형

    3, 옵션 초기화 설정 값입니다.     

    기본 속성으로 선택 4, 확인 라디오 버튼, 체크 박스

    5 비활성화 비활성화 구성 요소는 사용하지 않도록 구성 요소 값을 제출할 수 없습니다

    6, 크기 제어 전류의 초기 폭 픽셀 폭. 컨트롤 형식은 텍스트, 암호가 아니라면, 시간 폭 문자의 수를 나타내는 정수 값, 기본값은 20입니다

    도 7은, 최대 길이는 문자를 입력 할 수있는 최대 값을 지정한다. 텍스트를 입력, 비밀번호의 제어에 적합합니다.

  FIELDSET 요소 및 태그의 복수를 그룹화는 웹 양식을 제어

    자식 요소 (1), 장애인 장애인 filedset 요소는 속성은 필드 셋의 영향을받습니다

    2 명 FIELDSET 요소의 이름

    라벨에 의해 FIELDSET 제목

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 선두 > 
    < 메타 캐릭터 = "UTF-8" > 
    < 타이틀 > 문헌 </ 타이틀 > 
</ 헤드 > 
< 본문 > 
    < 작업 = "" > 
        < FIELDSET > 
            < 범례 > 제목 </ 범례 > 
            < 입력 타입 = "무선"
            라벨 "라디오"=이 > 를 클릭 나 </ 라벨 > 
        </ FIELDSET > 
    </ 양식 > 
</ > 
</ HTML >

  입력 / 버튼 버튼 조립체 다음 속성을 사용할 수있는 사용자로부터 데이터를 수신하기위한,

    Button 컨트롤

    1 입력 타입 지정 제어형

      버튼을 제출, 다시

    2 입력 이름 버튼 이름.

    도 3에서, 관련된 입력 값 버튼의 값 이름의 값과 함께 전송 될

  라벨 조립체 다음 속성을 사용할 수있는 형태 조립체의 제목을 나타내는

    1 코드 예가 ​​상술되어, 상기 헤더의 설정 값 ID와 조립하는 형태에 대해, 일치

  구성 요소 선택 다음과 같은 속성을 사용할 수있는 드롭 다운 목록 또는 목록을 나타내는,

    선택 요소는 공간 복수의 속성을 포함하지 않는 경우. 1, 다중 선택이 허용되는지 여부를 나타내는 복수의 규정 제어형 부울 값, 폼 타입은 어떤 속성 크기 경우 메뉴 (콤보 박스)로 표시하고 여러 속성되고 하나 개의 형태 유형 목록 상자로 표시됩니다.

    디스플레이의 크기는 크기가 동시에 표시 행의 수를 나타내는 경우, 목록을 스크롤 할 때,도 2에서, 라인 수를 표시한다. 기본값은 0입니다. 그것은 비 목록 표시를 나타냅니다

    3 비활성화 비활성화 구성 요소는 사용하지 않도록 구성 요소 값을 제출할 수 없습니다

    도 4는, 이름은 어셈블리의 이름 지정 값과 그 값 옵션 키 하위 요소 조성물 제출 된 다른 사용자와 함께 데이터를 형성하기를

  옵션 어셈블리 옵션을 나타내는 종종 <선택>을 포함, <OPTGROUP>, 다음 속성에서 사용할 수있는

    1, 비활성화 비활성화 구성 요소는 사용하지 않도록 구성 요소 값을 제출할 수 없습니다

    2, 상기 제어 값의 초기 값을 정의한다. 양식이 제출되면, 초기 값은 서버에 제출됩니다.

    선택 3 옵션이 기본적으로 선택되어 있음을 나타냅니다

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 선두 > 
    < 메타 캐릭터 = "UTF-8" > 
    < 타이틀 > 문헌 </ 타이틀 > 
</ 헤드 > 
< 본문 > 
    < 작업 = "" > 
        < 선택 이름 = "어드레스" ID = "" > 
            < 옵션 = "北京" 비활성화 >
            옵션 = "上海" 선택 >上海</ 옵션 > 
            < 옵션 = "广州" >广州</ 옵션 > 
        </ 선택 > 
    </ 형성 > 
</ 바디 > 
</ HTML >

 

추천

출처www.cnblogs.com/aitiknowledge/p/11498410.html