입력 태그를 사용하여 양식 제출
HTML 양식은 웹 사이트에 상호 작용 기능을 추가하는 가장 기본적인 방법 중 하나입니다. 질문을하고 독자의 답을 구하거나, 데이터베이스에서 추가 정보를 제공하고, 게임을 설정하는 등의 작업을 할 수 있습니다. 양식을 작성하는 데 사용할 수있는 여러 가지 HTML 요소가 있습니다. 양식을 작성한 후에는 해당 데이터를 서버에 제출하거나 양식 실행을 시작하기위한 여러 가지 방법이 있습니다.
다음은 양식을 제출할 수있는 몇 가지 방법입니다.
-
- 이것은 서버에 데이터를 가져 오는 가장 일반적인 방법이지만 매우 단순하게 보일 수 있습니다.
-
- 이미지를 사용하면 사이트의 스타일에 맞게 제출 버튼을 매우 쉽게 만들 수 있습니다. 그러나 일부 사람들은 제출 단추로 인식하지 못할 수도 있습니다.
-
- 버튼 INPUT 태그는 이미지 INPUT 태그와 동일한 옵션을 많이 제공하지만 표준 제출 유형과 유사합니다. 활성화하려면 자바 스크립트가 필요합니다.
-
- COMMAND 요소는 HTML5에서 새로 추가되었으며 스크립트 및 양식을 연관된 동작과 함께 활성화하는 방법을 제공합니다. JavaScript로 활성화됩니다.
INPUT 요소
INPUT 요소는 양식을 제출하는 가장 일반적인 방법이며 유형 (버튼, 이미지 또는 제출)을 선택하고 필요한 경우 양식 작업에 제출할 스크립트를 추가하는 것뿐입니다.
요소는 이와 같이 작성할 수 있습니다. 하지만 그렇게하면 다양한 브라우저에서 서로 다른 결과를 얻게됩니다. 대부분의 브라우저는 "제출"이라는 버튼을 만들지 만 Firefox는 "검색어 제출"버튼을 만듭니다. 버튼의 내용을 변경하려면 속성을 추가해야합니다 :
value = "양식 제출">
요소는 그런 식으로 작성되지만, 다른 모든 속성을 생략하면 브라우저에 표시되는 것은 모두 빈 회색 버튼입니다. 버튼에 텍스트를 추가하려면 value 속성을 사용하십시오. 그러나 자바 스크립트를 사용하지 않는 한이 버튼은 양식을 제출하지 않습니다.
onclick = "submit ();">
이 버튼 유형은 양식을 제출하는 스크립트가 필요합니다. 텍스트 값 대신에 이미지 원본 URL을 추가해야합니다.
src = "submit.gif">
버튼 요소
BUTTON 요소에는 시작 태그와 종료 태그가 모두 필요합니다. 태그를 사용할 때 태그 안에 포함 된 모든 내용은 버튼으로 묶입니다. 그런 다음 스크립트로 버튼을 활성화합니다.
양식 제출
버튼에 이미지를 포함하거나 이미지와 텍스트를 결합하여 더 재미있는 버튼을 만들 수 있습니다.
양식 제출
COMMAND 요소
COMMAND 요소는 HTML5에서 새로 추가되었습니다. 양식을 사용할 필요는 없지만 양식의 제출 단추 역할을 할 수 있습니다. 이 요소를 사용하면 실제로 양식이 필요하지 않으면 양식을 요구하지 않고 더 많은 양방향 페이지를 작성할 수 있습니다. 명령에서 무언가를 말하게하려면 label 속성에 정보를 씁니다.
label = "양식 제출">
명령을 이미지로 나타내려면 아이콘 속성을 사용합니다.
icon = "submit.gif">
이 기사는 HTML 양식 자습서의 일부입니다 . HTML 양식 사용 방법을 배우려면 전체 자습서를 읽으십시오.
HTML 양식에는 이전 페이지에서 배운 것처럼 여러 가지 제출 방법이 있습니다. 두 가지 방법은 INPUT 태그와 BUTTON 태그입니다. 이 두 요소를 모두 사용해야하는 좋은 이유가 있습니다.
INPUT 요소
태그는 양식을 제출하는 가장 쉬운 방법입니다. 태그 자체를 넘어선 아무것도 필요하지 않습니다. 고객이 버튼을 클릭하면 자동으로 제출됩니다. 스크립트를 추가 할 필요가 없으며 브라우저는 제출 INPUT 태그를 클릭 할 때 양식을 제출할 것을 알고 있습니다.
문제는이 버튼이 매우 추악하고 평범하다는 것입니다. 이미지를 추가 할 수 없습니다. 다른 요소와 마찬가지로 스타일을 지정할 수 있지만 여전히 못생긴 버튼처럼 느껴질 수 있습니다.
JavaScript가 꺼진 브라우저에서도 양식에 액세스 할 수 있어야하는 경우 INPUT 메소드를 사용하십시오.
버튼 요소
BUTTON 요소는 양식 제출을위한 더 많은 옵션을 제공합니다. BUTTON 요소 안에 무엇이든 넣을 수 있고 제출 단추로 바꿀 수 있습니다. 가장 일반적으로 사람들은 이미지와 텍스트를 사용합니다. 그러나 원한다면 DIV를 만들고 제출 버튼을 제출 버튼으로 만들 수 있습니다.
BUTTON 요소의 가장 큰 단점은 자동으로 양식을 제출하지 않는다는 것입니다. 즉, 활성화 할 수있는 유형의 스크립트가 있어야합니다. 따라서 INPUT 메서드보다 액세스하기가 쉽지 않습니다. 자바 스크립트를 사용하지 않는 사용자는 제출할 BUTTON 요소 만 포함 된 양식을 제출할 수 없습니다.
중요하지 않은 서식에는 BUTTON 방법을 사용하십시오. 또한 한 가지 양식에 제출 옵션을 추가하는 좋은 방법입니다.
이 기사는 HTML 양식 자습서의 일부입니다. HTML 양식 사용 방법에 대해 자세히 알아 보려면 읽어보십시오.