Forms에서 HTML 입력 태그를 사용하여 버튼 만들기

HTML을 사용하여 맞춤식 텍스트 버튼을 만들 수 있습니다. 꼬리표. 그만큼 요소는

요소.

속성을 설정함으로써 유형 "버튼"으로 간단히 클릭 할 수있는 버튼이 생성됩니다. 단추에 나타날 텍스트를 정의 할 수 있습니다 (예 : "제출"). 값 속성.

예 :

주의하십시오. 태그는 HTML 양식을 제출하지 않습니다. 양식 데이터 제출을 처리하려면 여전히 JavaScript가 필요합니다. 자바 스크립트가없는 경우 onclick 버튼을 클릭 할 수있는 것처럼 보이지만 아무 일도 일어나지 않으면 독자가 좌절하게됩니다.

그만큼

입력 태그를 사용하여 단추를 만드는 것이 목적을 위해 작동하지만 더 나은 옵션은 태그를 사용하여 웹 사이트 HTML 버튼을 만듭니다. 그만큼 태그는 버튼에 이미지를 사용할 수 있기 때문에보다 융통성이 있습니다 (예 : 사이트에 디자인 테마가있는 경우 시각적으로 일관성을 유지하는 데 도움이 됨). 추가 버튼을 사용하지 않고 버튼 제출 또는 재설정 유형으로 정의 할 수 있습니다 JavaScript.

단추를 지정하려고합니다. 유형 어떤 것의 속성 태그. 세 가지 유형이 있습니다.

단추 - 버튼에는 고유 한 동작이 없지만 버튼에 첨부되어 클릭 할 때 실행할 수있는 클라이언트 측에서 실행되는 스크립트와 함께 사용됩니다.

다시 놓기 - 모든 값을 재설정합니다.

제출하다 - 단추는 양식 데이터를 서버에 제출합니다 (유형이 정의되지 않은 경우이 기본값).

다른 속성은 다음과 같습니다.

이름 - 버튼에 참조 이름을 지정합니다.

값 - 처음에 버튼에 할당 할 값을 지정합니다.

무능하게하다 - 버튼을 끕니다.

HTML5는
형성 작용 -에만 사용 type = "submit" 값으로 URL을 지정하면 양식 데이터를 보낼 위치를 지정합니다. 예 :

형식 -에만 사용 type = "submit" 속성. 양식 데이터가 서버로 제출 될 때 인코딩되는 방법을 정의합니다. 세 가지 값은 application / x-www-form-urlencoded (태만), multipart / form-data, 과 text / plain.

형식 방법 -에만 사용 type = "submit" 속성. 양식 데이터를 제출할 때 사용할 HTTP 메소드를 지정합니다. 도망 또는 우편.

포름 알데히드 -에만 사용 type = "submit" 속성. 양식 데이터는 제출 될 때 유효성이 검사되지 않습니다.

폼 타겟 -에만 사용 type = "submit" 속성. 새 창과 같이 양식 데이터가 제출 될 때 사이트 응답이 표시되어야하는 위치를 나타냅니다. 값 옵션은 _blank, _self, _parent, _top, 또는 특정 프레임 이름.

양식을 사용하는 경우 HTML 양식의 버튼을 읽고 사이트를보다 사용자 친화적으로 만드는 방법을 읽어 볼 수 있습니다.