정의 및 사용법
<버튼> 태그는 버튼을 정의합니다.
버튼 요소 내부에 텍스트 나 이미지와 같은 컨텐츠를 배치 할 수 있습니다. 이것은이 요소와 입력 요소로 생성 된 버튼의 차이입니다.
<버튼> 컨트롤은 <inputtype = button>보다 더 강력한 기능과 더 풍부한 컨텐츠를 제공합니다. <버튼>과 </button> 태그 사이의 모든 내용은 버튼의 내용이며, 여기에는 텍스트 또는 멀티미디어 컨텐츠와 같은 허용 가능한 신체 내용이 포함됩니다. 예를 들어 버튼에 이미지 및 관련 텍스트를 포함시켜 버튼에 매력적인 마크 업 이미지를 만들 수 있습니다.
금지 된 유일한 요소는 마우스 및 키보드에 민감한 동작이 폼 버튼의 동작을 방해 할 수 있기 때문에 이미지 매핑입니다.
버튼의 유형 속성을 항상 지정하십시오. InternetexPlorer의 기본 유형은 버튼이고 다른 브라우저의 기본값 (W3C 사양 포함)이 제출됩니다.
브라우저 지원모든 주류 브라우저는 <버튼> 태그를 지원합니다.
중요 : 버튼 요소를 HTML 양식으로 사용하는 경우 다른 브라우저가 다른 값을 제출합니다. InternetexPlorer는 <button>과 <button/> 사이에 텍스트를 제출하는 반면 다른 브라우저는 값 속성의 내용을 제출합니다. HTML 양식의 입력 요소를 사용하여 버튼을 만듭니다. 주목해야 할 것<버튼> 태그를 사용하는 경우 <inputtype = button>로 당연한 것으로 쉽게 가져 가기 쉽습니다.
1. <buttonid = custombtnvalue = test> button </button> value to $ ( '#custombtn')의 값을 가져옵니다.
IE (IE 커널)에서 값은 테스트가 아닌 버튼이며 테스트는 Nonie에서 얻습니다. 위에 표시된 첫 번째 문장에 참여하십시오.
<inputtype = button>과 구별해야합니다.
이 두 가지 방법에서 $ ( '#custombtn'). val (), $ ( '#custombtn'). attr ( 'value')는 다음과 같이 다른 브라우저에서 값을 가져옵니다.
브라우저/가치 | $ ( '#custombtn'). val () | $ ( '#custombtn'). attr ( 'value') |
Firefox13.0 | 시험 | 시험 |
크롬 15.0 | 시험 | 시험 |
Opera11.61 | 시험 | 시험 |
사파리 5.1.4 | 시험 | 시험 |
IE9.0 | 단추 | 단추 |
아래 테스트 코드에서이를 확인하십시오
코드를 복사하십시오