양식에서 HTML 입력 태그 및 단추 태그 사용

속성 유형 을 "버튼"으로 설정하면 간단하게 클릭 할 수있는 버튼이 생성됩니다. value 애트리뷰트를 사용하여 버튼에 표시 할 텍스트 (예 : "제출")를 정의 할 수 있습니다.

예 :

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

& lt; button & gt; 대체 태그

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

태그에 버튼 유형 속성을 지정해야합니다. 세 가지 유형이 있습니다.

• 버튼 - 버튼에는 고유 한 동작이 없지만 버튼에 첨부되어 클릭 할 때 실행할 수있는 클라이언트 측에서 실행되는 스크립트와 함께 사용됩니다.
• reset - 모든 값을 재설정합니다.
• submit - 버튼은 양식 데이터를 서버에 제출합니다 (유형이 정의되지 않은 경우 기본값).

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

• name - 버튼에 참조 이름을 지정합니다.
• value - 처음에 버튼에 할당 할 값을 지정합니다.
• disable - 버튼을 끕니다.

HTML5는 더 많은 기능을 제공하는

태그에 몇 가지 추가 속성을 추가합니다.

• 자동 포커스 - 페이지가로드되면이 버튼이 포커스임을 나타냅니다. 한 페이지에 하나의 자동 초점 만 사용할 수 있습니다.
• form - 폼의 식별자를 값으로 사용하여 버튼을 동일한 HTML 문서 내의 양식과 연결합니다. 예 :

제출

formaction - type = "submit" 및 URL로만 사용되며 양식 데이터를 보낼 위치를 지정합니다. 예 :

양식 데이터를 다른 페이지에 제출

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

formmethod - type = "submit" 속성과 함께 사용됩니다. 양식 데이터를 제출할 때 사용할 HTTP 메소드 ( get 또는 post)를 지정합니다.

formnovalidate - type = "submit" 속성과 함께 사용됩니다. 양식 데이터는 제출 될 때 유효성이 검사되지 않습니다.

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

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