자바스크립트 버튼 라벨

| | | | | | | | | | | | | | | | | | | | | |

HTML 버튼 태그는 HTML 형식에서 클릭 가능한 버튼을 만드는 데 사용됩니다. 그것은 사용자가 웹사이트에 어떤 형식으로 정보를 제출할 수 있습니다. 버튼 스타일은 CSS로 제어할 수 있습니다.

웹 페이지에서 양식을 만들 때 사용자가 양식을 제출할 수 있도록 클릭 가능한 버튼을 만들어야 합니다. 예를 들어 전자 상거래 사이트에 사용자로부터 배달 정보를 수집하는 주문 양식이 있을 수 있습니다. 사용자가 양식을 작성한 후 정보를 제출하기 위해 클릭할 수 있는 버튼이 있어야 합니다.

HTML 태그. 또한 사용자 지정 버튼을 만드는 데 사용할 수 있는 속성에 대해 논의하고 이러한 속성이 실제로 작동하는 몇 가지 예를 살펴봅니다.

업데이트된 HTML 양식

HTML 양식 웹페이지에서 이름, 전화번호 또는 주소와 같은 다양한 유형의 사용자 입력을 수집하는 데 사용됩니다.

각 양식에는 사용자가 사이트에 정보를 제출할 수 있는 입력 요소가 포함되어 있습니다. 예를 들어 웹 페이지에는 사용자 이름, 생년월일, 신용 카드 정보 등을 수집하기 위한 양식 요소가 포함된 주문 양식이 있을 수 있습니다.

가 사용됩니다. HTML로 양식을 생성합니다. 다음은 사용자의 이름을 수집하는 모양을 만드는 데 사용되는 의 간단한 예입니다.

form 태그는 여러 개의 태그를 포함할 수 있습니다. 또는 선택 상자와 같은 기타 사용자 입력 항목. 또한 양식에는 클릭할 때 사용자의 정보를 사이트로 보내는 부트캠프 일치 항목 찾기

다음은 버튼의 모양입니다. 웹 페이지:

T2EtZ5J4P2s1cbcWl5XhnxkV2LBddqnXHZCRN5Ij5ar7hjumzZimB1hJg IovfjLkqU5yz1Kp29DUy4GXkyNknZUROEhEzdNYEBnNr4 W SC7PgkwUQtwb5kUzO6 FOfTpFwK4js

지금 우리는 우리의 웹 페이지에서 버튼을 가지고, 사용자 수

양식에 입력 된 정보를 입력합니다. 를 다르게 해석한다는 점에 유의해야 합니다. 예를 들어 버전 9 이전의 Internet Explorer는 태그에는 사용자 정의 버튼. 또한 의 주요 속성을 자세히 살펴보겠습니다.

autofocus는 버튼이 웹 페이지가 로드될 때 자동으로 포커스를 받습니다. 다음은 autofocus 구문입니다.

disabled

disabled는 버튼의 속성을 비활성화합니다. 즉, 사용자는 기사와 상호 작용할 수 없습니다. 다음은 disabled 구문입니다.

아래에서 볼 수 있듯이 버튼이 회색으로 표시되어 클릭할 수 없습니다.

4rmFBMpA X5H M16KvlWPhDx9gP XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b BQUYTfeWXYV kyNjO0dtULXxU9 DOVWeoptXa4gSRTovA0 JMW가

<부호> 형태 사용 형상 COM / 4rmFBMpA-X5H-M16KvlWPhDx9gP_XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b-bQUYTfeWXYVkyNjO0dtULXxU9-dOVWeoptXa4gSRTovA0_Jmw 버튼 요소를 양식에 연결합니다. form 의 값은 양식이 참조하는 양식의 id와 동일해야 합니다. 다음은 제출 버튼을 Pizza 양식에 연결하는 form 속성:

form 속성은 Pizza 식별자가 있는 모양에 버튼을 연결했습니다. 따라서 버튼을 클릭하면 id Pizza.

Training

training은 버튼에서 보낸 정보를 처리할 프로그램의 URL을 지정합니다. 이 속성은 버튼의 typeSend인 경우에만 사용할 수 있습니다.

다음은 training 속성의 예입니다. 사용:

formenctype

formenctype 서버로 보낼 때 양식을 암호화하는 방법을 지정합니다. . 이 속성은 양식에서 "= `post`" 속성을 사용할 때만 사용해야 합니다.

다음은 버튼을 클릭할 때 서버에 일반 텍스트:

formmethod 구문은 다음과 같습니다.

formnovalidate

formnovalidate는 양식 데이터를 제출할 때 유효성을 검사할 필요가 없음을 나타냅니다. 예를 들어, 사용자 입력을 수락하려면 모든 필드가 채워지지 않은 경우에도 formnovalidate

다음은 formnovalidate의 예입니다. 작업:

Formtarget

formtarget 양식이 제출된 후 서버가 보내는 응답의 대상 위치를 설정합니다. 이 속성에 대해 허용되는 값은 다음과 같습니다. _blank, _self, _parent, _top <. / code> 또는 Uframe의 이름

여기 구문 formtarget :

Name

name 태그는 버튼 이름을 지정하는 데 사용됩니다(다른 모든 요소 모양 및 이름 ) 다음 구문을 사용합니다.

value

태그 value는 버튼의 초기 값을 지정합니다. value 구문은 다음과 같습니다.

은 HTML에서 클릭 가능한 버튼을 만드는 데 사용할 수 있습니다.  모듈. 예를 들어 사용자가 피자를 주문할 수 있는 양식이 있는 경우 사용자가 준비가 되었을 때 주문 정보를 제출할 수 있도록 하는 을 사용하는 방법을 배웠습니다. 또한 태그를 사용하여 맞춤 버튼을 만들고 이러한 속성을 사용하는 방법에 대한 몇 가지 예를 살펴보았습니다.

이제 HTML