프런트엔드 졸업 디자인에 대해 선배가 할 말이 있다.

:hover 이 속성이 있는 라벨 위로 마우스를 가져가면 현재 라벨이 hover

에 설명된 속성을 갖도록 변경됩니다.

웹 페이지에서 백엔드로 데이터를 제출하는 방법 및 옵션

우리 모두 알고 있듯이 웹 프런트엔드 페이지는 주로 HTML/CSS/Javascript로 구성됩니다. 사용자와의 상호작용을 통해 다양한 기능을 구현하려면 일부 데이터나 작업을 백그라운드에 제출해야 합니다. 웹 세계에서는 다양한 구현이 눈부시지만 궁극적으로 프런트 엔드 스크립트, 브라우저 및 백엔드 상호 작용 규칙에 의해 결정되는 방법은 세 가지 이하입니다.

1. 양식을 통해 제출

이것은 HTML에서 지원하는 가장 전통적인 제출 방법이며, 양식에는 다양한 유형의 양식 요소가 포함되어 있으며 제출 버튼을 통해 제출 버튼도 있습니다. , 제출 후 페이지가 새로 고쳐집니다.

2. 웹링크로 제출

웹페이지의 링크에 제출해야 하는 매개변수를 첨부할 수 있습니다. 사용자가 링크를 클릭하면 브라우저가 링크에 대한 액세스를 시작하므로 링크에 첨부된 매개변수도 페이지에 제출됩니다. 이 방법으로 제출 후 새로 고침됩니다.

3. ajax

를 통해 제출하세요.

Javascript는 HTTP 요청을 생성하는 ajax 메소드를 지원합니다. HTML 페이지 요소의 이벤트 처리 기능에서 ajax 요청을 생성하고, url 매개변수에 필수 제출 매개변수를 전달한 다음, 페이지에서 이를 제출하지 않습니다. 이 방법으로 제출 후 새로 고침됩니다.

실제 웹페이지에서는 실제 사용자 상호작용의 필요에 따라 적절한 제출 방법을 선택해야 합니다.

1. 텍스트 상자, 라디오 버튼 상자, 드롭다운 상자 등 사용자 입력을 위해 일부 양식 유형을 사용해야 하는 경우 제출 후 페이지를 새로 고치려면 1번째와 3번째 방법을 선택할 수 있습니다. 첫 번째 방법이 아닌 경우 제출 후 페이지를 새로 고치려면 옵션 3을 선택하세요.

2. 양식 입력이 필요하지 않은 경우 2번째와 3번째 방법을 선택하세요. 제출 후 페이지를 새로 고치고 싶다면 2번째 방법을 선택하세요. 세 번째 방법.

3. 양식이 여러 개이거나 하나의 양식에 해당하는 제출 버튼이 여러 개 있어도 문제가 없습니다. 물론 양식이 여러 개인 경우 제출할 때마다 해당 페이지는 제출된 양식의 값만 받게 된다는 점에 유의해야 합니다. 양식은 중첩될 수 없습니다. 각 양식에는 숨겨진 필드가 제출되면 숨겨진 필드 값에 따라 다른 작업을 수행할 수도 있습니다.

위 내용은 프런트엔드 졸업 디자인에 대해 선배가 할 말이 있다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!