버튼은 <a>, <input>, <button> 요소를 사용해서 만들 수 있다. 단, 컨텐츠 영역 안에 있는 링크(<a>)에 data-role=”button” 속성을 지정하지 않은 경우에 그 링크는 일반적인 링크일 뿐 버튼이 아니다. 따라서, 컨텐트 영역에서 링크를 버튼으로 만들기 위해서는 data-role="button"을 지정하면 된다.
<a href="index.html" data-role="button">버튼</a>
<button>, <input>(submit, reset, button, image 속성이 지정된)은 자동으로 버튼으로 표시되므로 data-role="button"을 지정할 필요는 없다. 만약, 이들 버튼에 jQuery Mobile의 스타일을 적용하지 않으려면 data-role="none"을 지정한다.
차례
3.1. 버튼에 아이콘을 추가하자.
3.2. 아이콘의 표시 위치를 바꿔보자.
3.3. 입 맛에 맞는 아이콘이 없다면...
3.4. 넓다란 버튼이 싫다면...
3.5. 버튼을 묶어서 표시하자.
3.5.1 버튼 그룹의 속성들
3.6. 버튼에 테마 적용하기
3.6.1. 버튼의 속성들
