html5 양식 필드는 무엇을 의미합니까?

HTML5에서 양식 필드는 모든 양식 공간과 프롬프트 정보를 수용하는 데 사용되는 컨테이너입니다. 즉, 양식 태그에 저장된 모든 프로그램과 양식 데이터의 URL 주소는 양식 필드 정의를 통해 처리될 수 있습니다. 서버로의 데이터 제출은 물론 양식 필드가 정의되지 않은 경우 양식의 데이터가 백엔드 서버로 전송될 수 없습니다.

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

html5 양식 필드는 무엇을 의미하나요?

양식 필드: 모든 양식 공간과 프롬프트 정보를 수용하는 컨테이너와 동일합니다.

양식 데이터를 처리하는 모든 프로그램의 URL 주소를 정의하는 데 사용할 수 있습니다. 서버에 데이터를 제출하는 방법도 있습니다. 양식 필드가 정의되지 않으면 양식의 데이터가 백엔드 서버로 전송될 수 없습니다.

양식 필드는

태그에 포함된 입력에 저장된 데이터입니다. 양식 필드에는 숨겨진 유형, 텍스트 유형, 라디오 유형, 체크박스 유형, 텍스트 영역 유형, 파일 유형, 선택 유형 및 기본 유형을 포함한 여러 입력 유형이 있습니다.

양식 필드 기능: 양식 정보를 수집하여 서버에 제출합니다. 공통 속성:

action in 양식이 정보를 수집한 후 처리를 위해 서버에 제출해야 합니다. action 속성은 양식 데이터를 수신하고 처리하는 서버 프로그램의 URL 주소를 지정하는 데 사용됩니다. 양식 데이터를 제출하는 방법을 설정하는 데 사용됩니다. 값은 get 또는 post 입니다. get 제출은 주소 표시줄에 일반 텍스트로 표시됩니다.

이름은 동일한 페이지에서 다른 양식을 구별하기 위해 양식 이름을 지정하는 데 사용됩니다. :

양식 컨트롤: 줄 텍스트 입력 상자, 비밀번호 입력 상자, 확인란, 제출 버튼, 재설정 버튼 등과 같은 특정 양식 기능 항목이 포함되어 있습니다.

프롬프트 정보: 양식에는 일반적으로 메시지를 묻는 설명 텍스트가 포함되어 있습니다. 사용자가 작성하고 조작할 수 있습니다

양식 필드 속성

1, form

이 속성은 양식의 ID를 통해 현재 양식 필드가 어떤 양식에 속하는지 지정할 수 있습니다. 이 속성을 지정하면 현재 양식 필드를 어디에나 배치할 수 있습니다. 페이지에서 하나의 양식 필드가 여러 양식에 속하도록 지정할 수 있습니다. 이때 서로 다른 양식을 공백으로 구분하지만 이렇게 작성하면 페이지가 더 혼란스러워지므로 권장되지 않습니다.

케이스 코드:

<form action="#" id="form1">
    姓名：<input type="text">
    <input type="submit" value="提交">
</form>
年龄：<input type="text" form="form1">
</body>

2.formaction

이 속성은 일반적으로 양식의 작업 속성을 무시하고 양식 데이터를 다른 주소로 제출하는 데 적합합니다. 버튼을 눌러 각각 다른 주소를 가리키면 다른 결과를 얻을 수 있습니다.

케이스 코드:

<form action="#" id="form1">
    姓名：<input type="text">
    <input type="submit" value="提交">
    <input type="submit" value="提交2" formaction="新地址">
</form>

3.formenctype

이 속성은 양식이 포스트 모드로 제출될 때 데이터의 인코딩 방법을 수정하는 데 사용됩니다. 일반적으로 사용되는 값은 application/x-www-form-urlencoded( 기본값 문자 인코딩), multipart/form-data(바이너리), text/plain(일반 텍스트)

케이스 코드:

<form action="#" id="form1">
    姓名：<input type="text">
    <input type="submit" value="字符编码">
    <input type="submit" value="二进制编码" formenctype="multipart/form-data">
    <input type="submit" value="纯文本" formenctype="text/plain">
</form>

4, list

이 속성은 양식 요소 데이터 목록과 함께 드롭을 표시하는 데 사용됩니다. -다운박스. list의 값은 해당 데이터리스트의 id 값이어야 합니다. 드롭다운 상자는 입력한 키워드를 기준으로 드롭다운 목록과 자동으로 일치할 수도 있습니다.

케이스 표시:

키워드 매칭

케이스 코드:

<form>
    下拉列表：<input list="books">
    <datalist id="books">
        <option value="java"></option>
        <option value="C#"></option>
        <option value="java Web"></option>
    </datalist>
</form>

(학습 영상 공유:

css 영상 튜토리얼

,

html 영상 튜토리얼

)

위 내용은 html5 양식 필드는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!