HTML 양식 연구 노트

양식이란 무엇인가요?

웹 양식은 처리를 위해 사용자가 입력한 데이터를 서버로 보낼 수 있습니다. 인터넷 사용자는 확인란, 라디오 버튼 또는 텍스트 필드를 사용하여 양식을 작성하기 때문에 WebForms는 파일이나 데이터베이스처럼 작동합니다. 예를 들어, WebForms는 제품 주문을 위한 배송 정보나 신용 카드 정보를 입력하는 데 사용되거나 데이터를 검색하는 데(예: 검색 엔진에서 검색) 사용할 수 있습니다. 쉽게 말하면 사용자 정보를 수집하기 위한 것입니다

양식입니다

양식의 작업 흐름: 사용자가 페이지를 열고 -> 양식을 작성하고 제출 -> 해당 방법에 따라 패키징하여 서버로 전송 -> 서버가 이를 수신하고 해당 프로그램으로 전송하여 처리

기본

프레임워크 : 양식 요소 추가

양식 입력 태그 구문:

속성 : 이름: 이름, 서버는 이름으로 식별합니다. 그룹, 동일한 그룹에는 동일한 이름이 필요합니다.

최대 길이: 입력의 최대 길이를 지정합니다.

크기: 텍스트 상자의 크기, 문자 단위의 기본값은 20

값: 기본값, 서버에 제출된 콘텐츠

자리 표시자: 프롬프트 텍스트

유형:

텍스트: 입력 텍스트, 속성:

비밀번호: 비밀번호 상자, 비밀번호는 자동으로 숨겨집니다.

파일: 파일 업로드, 표시된 콘텐츠는 브라우저와 관련됩니다.

라디오: 라디오 버튼 , 라디오 선택이 필요한 옵션은 동일한 이름을 가져야 하며 선택된 항목을 식별하기 위해 서버에 값이 반환되며 기본 옵션을 결정하기 위해 체크 표시를 추가합니다.

체크박스: 체크박스, 라디오 규칙과 유사합니다.

버튼 : js와 협력하여 액션 제공, value 버튼은 내용 표시

Subm : Submit 버튼, js와 협력하여 form의 form을 서버로 전송, value 버튼 내용 표시

재설정: 양식의 양식을 기본 상태로 복원하고 값 버튼을 누르면 내용이 표시됩니다.

숨김: 숨겨진 필드로 사용자가 볼 수 없으며 값이 전달됩니다. 서버에.

이미지: 이미지 도메인 제출, 제출과 동일한 기능, src에는 이미지 주소가 포함됩니다.

드롭다운 메뉴 및 목록 라벨 구문

🎜>

옵션 속성:

size: 표시되는 수량, 1보다 클 경우 목록 형태로 표시됩니다.

다중: Ctrl을 눌러 여러 항목을 선택할 수 있으며 드롭다운 메뉴가 목록 형식으로 변경됩니다.

선택됨: 기본값

옵션 Rico가

여러 줄 텍스트 필드 는 기본적으로 다음과 같습니다. 의 텍스트, 다중 열 및 행 속성이 추가됩니다. row는 표시되는 행 수를 제어하고 cols는 너비를 표시합니다.

양식 속성

작업

: 양식에서 보낸 대상, URL 또는 서버 파일입니다. 방법: 서버에 양식을 보내는 방법을 지정합니다. get과 post의 두 가지 방법이 있습니다. 기본값은 get

GET: URL을 전달 매개변수로 사용합니다(반환된 URL) 양식 내용을 볼 수 있음), 전송되는 정보의 양에도 제한이 있으며 일반적으로 사용자 정보를 얻는 데 사용됩니다.

POST: 양식 데이터는 HTTP 요청 콘텐츠의 일부입니다. 전송되는 정보의 양에는 제한이 없습니다. 일반적으로 서버의 리소스를 수정하는 데 사용됩니다.

이름: 양식의 이름입니다.

대상: 액션 URL을 열 위치 매개변수: _blank, _self, _parent, _top

enctype: 양식을 보내기 전에 인코딩하는 방법, 매개변수는 다음과 같습니다. 1: 기본 메소드 적용 / x -www -form-urlencoded 2:multipart/form-data 3:text/plain

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

HTML 양식 연구 노트