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