Form 양식이란 무엇입니까?

Form 폼은 사용자가 입력한 정보를 수집하는 html 라벨로 사용자가 입력한 정보를 수집 효과와 서버에 제출하여 사용자와 웹 서버의 상호작용을 실현할 수 있다.Form 폼은 탭에 의해 정의되며, 탭 내의 구성 요소의 데이터만 서버에 제출됩니다.

Form 양식의 기본 구성

폼은 HTMLFormElement 유형으로 이 요소는 HTMLElement를 계승하기 때문에 다른 HTML 요소와 같은 기본 속성을 가진다.HTMLFormElement에는 다음과 같은 속성과 방법이 있습니다.
acceptCharset: 서버가 처리할 수 있는 문자 집합;HTML의 accept-charset 특성과 같습니다.action: 요청을 받는 URL은 HTML의 action elements: 폼의 모든 컨트롤의 집합과 같습니다.enctype: 요청한 인코딩 형식;HTML의 enctype 특성과 같습니다.length: 폼의 컨트롤 수량;method: 보낼 http 요청 형식은 일반적으로 get 또는post로 HTML의 method와 같습니다.name: 폼의 이름;reset (): 모든 폼 필드를 기본값으로 재설정합니다.submit (): 양식 제출;모든name 속성을 가진 html 입력 요소 (input 라벨, button 라벨, select 라벨 등 포함) 를 키 값으로 자동으로 제출합니다.target: 요청을 보내고 응답을 받는 창 이름입니다.action은 간단하게 말하면 URL의 절대 경로를 요청하는 데 필요한 action 속성은 폼을 제출할 때 폼 데이터를 어디로 보내는지 규정합니다.

입력 라벨은 type 속성에 따라 나타나는 기능이 다르다.
type = 텍스트 입력 상자, 단일 줄 입력, 텍스트 제출에 사용.type =password 암호 입력 상자, 암호를 입력하는 데 사용됩니다.type = checkbox 체크 상자, 방문자에게 여러 가지 입력 방식을 제공합니다.type = 라디오 라디오 라디오 상자, 방문자에게 라디오 입력 방식을 제공합니다.type = "file"파일을 업로드하여 서버에 파일을 업로드할 수 있도록 합니다.type = "hidden"은 사용자에게 보이지 않는 숨겨진 필드를 정의하여 업로드 데이터의 진실성을 판별하는 근거로 삼을 수 있습니다.type = "botton"은 클릭할 수 있는 단추를 정의합니다. 그 자체에 아무런 행동이 없습니다. 클릭 () 속성을 통해 단추에 다양한 기능을 추가할 수 있습니다.type = "submit"제출 단추, 서버에 폼 데이터를 제출하는 데 사용되며, 데이터는action 속성의 지정한 인터페이스로 전송됩니다.type = "resist"리셋 단추는 폼의 모든 데이터를 삭제합니다.

</h2> <p> 텍스트 필드는 여러 줄의 텍스트 입력 방식을 제공하여 방문자가 큰 단락의 텍스트를 입력할 수 있도록 합니다.<br/> <textarea>value

input 라벨을 표시하여 사용자가 라벨의 기능을 더욱 직관적으로 이해할 수 있도록 합니다.또한 for 속성을 통해 사용자가 표시 문자를 눌렀을 때 탭과 관련된 폼 컨트롤에 초점을 맞출 수 있습니다.마크업

드롭다운 상자, 드롭다운 옵션을 통해 데이터를 입력합니다.selected 속성을 설정하여 기본 옵션을 설정할 수 있습니다. 1 1

제출 단추 탭, type = "button"속성과 구분, 제출 기능이 있습니다.value

Form 양식의 데이터 제출 방법

폼의 데이터 제출은 주로 두 가지 속성으로 결정됩니다.action과method.action: 폼을 제출할 때 어디로 데이터를 보내야 하는지를 규정합니다.일반적으로 3 중 값 지정 방식:
일반적으로 하나의 서버 쪽을 가리키는 URL로 프로그램은 폼에서 전송된 데이터를 받아들여 처리합니다.mailto 프로토콜의 주소를 사용하면 폼 내용을 전자메일로 보낼 수 있으며, 방문자 컴퓨터에 메일 발송 프로그램을 정확하게 설치하고 설정해야 하는 경우는 드물다.액션이 비어 있거나 쓰지 않으면 현재 페이지에 제출됩니다.method: 브라우저가 폼의 데이터를 서버 프로세서에 제출하는 방식을 정의합니다.현재 가장 자주 사용하는 제출 방식은 get과post입니다.
get은 폼 정보를 서버에 제출할 때 정보를 연결하여 URL 주소를 형성하여 누설되기 쉽지만post는 하지 않기 때문에 안전성에 있어post가 비교적 유리하다.get은 제출한 내용을 주소에 연결합니다. 따라서 제출 내용이 비교적 길면 get을 사용하여 전송할 수 없고post는 이런 문제가 발생하지 않습니다.그래서 안전성에 대한 요구가 높은 데이터 전송용post, 낮은 get을 사용합니다.비교적 긴 데이터 전송용post, 짧은 데이터용get.

서열화 표

 var data = $('#form').serialize();
 $.post("${basePath}/self/editUser.do",data,function(data){
}):

jquary 값 속성 값

 id faceimg  src  
$('#faceImg').attr("src",data.path);      
$('#face').val(data.path);

아래 두 가지 묘사법은 일치된 목적을 달성할 수 있다

 $('#fileForm').attr('action','${basePath}/upload/img.html');