자바스크립트 액션 폼

| | | | | | | | | | | | | | | | | | | | | | |

HTML 양식 작업 속성은 양식이 웹 페이지에 제출될 때 데이터에 어떤 일이 발생해야 하는지 정의합니다. action 속성의 값은 양식의 내용을 처리할 웹 리소스의 URL이어야 합니다.

사이트 또는 웹 애플리케이션에서 양식을 만들고 데이터를 요청할 때 데이터로 무언가를 하고 싶습니까? 여기에서 shape action 속성이 작동합니다.

HTML로 양식 만들기 의 기본 사항을 알고 있어야 합니다. 기본적으로 양식의 내용을

요소 태그에 래핑합니다. 여는 태그에는 사용할 수 있는 몇 가지 속성이 있으며 그 중 하나는 작업입니다.

작업 속성은 양식이 제출될 때 양식 데이터를 보낼 위치를 지정하는 데 사용됩니다. 따라서 action 값은 form을 처리할 페이지입니다.

HTML form action attribute

HTML form의 action 속성은 form의 내용을 처리할 URL을 나타냅니다. . action 속성이 가리키는 웹 리소스가 "method" 속성에 지정한 메서드를 허용하는지 확인해야 합니다.

action 속성의 구문을 살펴보겠습니다. .

action 속성은 여는 레이블 사이에 나타납니다. 이 속성은 종종 method 속성과 함께 사용됩니다.

기본적으로 method 속성은 "get"으로 설정됩니다. 이는 양식이 제출될 때 HTTP GET 요청 에 대한 데이터를 제출함을 의미합니다. 여는 태그

제출 버튼을 클릭하면 양식 데이터가 "작업" URL로 전송됩니다.

HTML 양식의 예제 작업

예제를 살펴보겠습니다.

위에서 작업은 사용자 이름과 이메일 데이터를 process.html이라는 페이지로 보냅니다. 사용자 이름과 이메일 데이터의 유형은 d `input "text입니다.`" 입력 유형이 "submit.`"인 버튼을 정의합니다. 버튼을 클릭하면 이 버튼이 "action," URL"에 데이터를 표시합니다. p>

이제 위의 형식 예제를 입력합니다. - . 실제 HTML 파일에 입력한 다음 . 같은 폴더에 process.html이라는 파일을 생성합니다. 이 파일에는 다음 내용이 포함되어야 합니다.

이 코드는 페이지가 로드될 때 텍스트 단락을 표시하는 간단한 웹 페이지를 정의합니다. 온라인 양식을 우리는 앞서 정의하고 컴파일하는 것이 <그림 클래스 = "WP-이미지 블록">

스크린 샷 (10) 2020년 8월 2일 34 오후 2시

이 예를 들어, 당신이 생각하는 매우 아니다 유용한. 사실입니다. 일반적으로 action 속성은 양식의 내용을 서버 페이지로 보내는 데 사용됩니다. 예를 들어 process.php.

process.php라는 php 파일을 사용할 수 있습니다. 그러면 데이터로 모든 마법을 수행할 것입니다. 이 페이지는 데이터베이스에 데이터를 저장하거나 좋아하는 이벤트에 등록할 수 있습니다. PHP는 웹 개발에 자주 사용되는 강력한 서버 스크립팅 언어입니다. 이전에 WordPress를 사용한 적이 있다면 처리된 데이터 중 일부가 PHP에서 처리되고 있을 것입니다.

PHP에 대해 자세히 알아보려면 PHP 학습 가이드 를 참조하십시오.

action 속성이 필수입니까?

HTML4에서 대답은 yes입니다. 오늘날 HTML5에서는 action 속성을 지정할 필요가 없습니다. action 속성이 없는 form 태그가 있는 경우 데이터는 자체 페이지로 전송됩니다.

이를 수행해야 하는 이유 단일 페이지 애플리케이션(ZPS)의 등장으로 , JavaScript를 사용하여 양식 데이터를 처리할 수 있습니다. 또는 React / Angular와 같은 다른 프레임워크를 사용하여 데이터를 처리할 수 있습니다.

Vanilla JavaScript를 사용하는 경우 종종 JavaScript 감사 이벤트 양식이 제출되었을 때.

결론

HTML 양식 작업 속성은 양식이 제출될 때 양식의 내용에 어떤 일이 발생하는지 정의합니다. action 속성은 URL을 인수로 사용합니다.

웹 개발자가 되는 데 관심이 있습니까? HTML 학습에 대한 전체 안내서 를 확인하십시오. HTML 학습에 대한 전문가 팁과 최고의 온라인 과정 및 학습 리소스 목록을 찾을 수 있습니다.