html 폼 예제


요소는 관련 데이터를 양식으로 그룹화하는 데 사용됩니다. 이러한 입력은 매우 유사하게 보이고 사용자가 모든 종류의 텍스트(잘못된 입력)를 입력할 수 있지만 해당 형식은 포함해야 하는 정보의 종류를 정의하여 입력에 특정 의미 체계를 제공합니다. 기본값은 “_self”로, 양식이 현재 창에 제출된다는 의미입니다. 파일 필드를 사용하면 사용자가 로컬 파일을 찾아보고 양식 데이터에 첨부 파일로 보낼 수 있습니다. 구글 크롬과 파이어 폭스와 같은 웹 브라우저는 사용자가 로컬 하드 드라이브를 탐색하고 파일을 선택할 수 있도록 찾아보기 버튼과 파일 선택 입력 필드를 렌더링합니다. HTML 양식 코드는 여러 태그로 구성되므로 각 태그는 여기에 별도로 표시됩니다. HTML 양식은 하나 이상의 양식 관련 요소(예: 양식 소유자가 있을 수 있는 요소)와 함께 요소를 사용하여 만들어집니다. HTML 양식을 사용하여 데이터를 수집하는 데 사용할 수 있는 다양한 유형의 양식 컨트롤이 있습니다 . 또한이 PHP 스크립트를 저장 해야 합니다. 양식 제출을 캡처하고 전자 메일을 보내는 데 사용됩니다. 양식 데이터를 제출할 때기본 방법은 GET입니다.

양식의 데이터 이름을 지정하려면 특정 데이터를 수집하는 각 양식 위젯의 이름 특성을 사용해야 합니다. 일부 양식 코드를 다시 살펴보겠습니다. 다음 섹션에서는 양식에서 사용할 수 있는 다양한 유형의 컨트롤에 대해 설명합니다. 이러한 요구 사항을 수용하기 위해 HTML은 대화형 양식 컨트롤을 제공합니다. 이름에 대한 입력 필드는 기본 한 줄 텍스트 필드가 되고 전자 메일의 입력 필드는 전자 메일 주소만 허용하는 한 줄 텍스트 필드가 되고 메시지의 입력 필드는 기본 다중 줄 텍스트 필드가 됩니다. 마지막으로 모든 양식은 사용자가 양식을 제출할 수 있는 옵션을 허용해야 합니다. 양식 제출은 일반적으로 HTML 단추를 사용하여 처리됩니다. 다시 단추 필드는 입력 형식 필드(텍스트 및 암호 필드와 같이)이지만 이러한 특수 필드는 형식 제출입니다. 단추에 나타나는 텍스트를 지정하려면 값 매개 변수를 사용하여 값을 지정합니다(아래 예에서는 `양식 제출`). 부트 스트랩은 형태를 처리하기위한 구성 요소의 무리가 포함되어 있습니다. 다음은 두 가지입니다.

자리 표시자는 이미 예상되는 콘텐츠에 대한 힌트를 제공하지만 레이블은 항상 표시되는 나머지 장점이 있으며 확인란이나 라디오 단추와 같은 다른 유형의 양식 컨트롤과 함께 사용할 수 있습니다. HTML 양식 내에서 가장 일반적으로 사용되는 요소입니다. 확인란은 선택또는 선택취소의 2개 상태만 있는 양식 컨트롤입니다. 그들은 기본적으로 사용자가 뭔가 “예”또는 “아니오”라고 할 수 있습니다. 텍스트 필드, 텍스트 영역 필드, 드롭다운 메뉴, 라디오 단추, 확인란 등다양한 양식 요소를 사용할 수 있습니다. 양식은 사이트 방문자의 의견을 받아 CGI, ASP 스크립트 또는 PHP 스크립트 등과 같은 백 엔드 응용 프로그램에 게시합니다. 백 엔드 응용 프로그램은 응용 프로그램 내에서 정의된 비즈니스 논리를 기반으로 전달된 데이터에 대해 필요한 처리를 수행합니다. 양식의 HTML 코드 작성을 완료한 후 저장하고 브라우저에서 확인해 보십시오. 순간, 당신은 오히려 못생긴 보이는 것을 볼 수 있습니다. 다음은 사용자의 성별 정보를 수집하는 데 사용할 수 있는 라디오 단추의 예입니다. 참고: name 특성은 양식 컬렉션 내에서 양식의 이름을 나타냅니다. 해당 값은 문서의 양식 간에 고유해야 하며 빈 문자열이 아니어야 합니다.

양식 데이터에 중요하거나 개인 정보가 포함된 경우 항상 POST를 사용하십시오. POST 메서드는 페이지 주소 필드에 제출된 양식 데이터를 표시하지 않습니다. 제출 단추는 양식 데이터를 웹 서버로 보내는 데 사용됩니다. 제출 단추를 클릭하면 양식 데이터가 양식의 작업 특성에 지정된 파일로 전송되어 제출된 데이터를 처리합니다.

Geplaatst in Geen categorie door admin. Zet de link bij je favorieten link.