data-role="controlgroup"를 사용하면 버튼을 묶어서 그룹으로 표시할 수 있다. 버튼을 그룹으로 묶으면 맨 처음과 맨 마지막의 버튼만 둥글게 표현된다. 묶여진 버튼 그룹은 기본적으로 세로로 표시되지만, 가로로 표시하기 위해서는 data-type="horizontal"을 추가해 준다. 단, 표시할 버튼이 화면 크기에 비해 너무 많을 때는 여러 줄로 표시된다.
<div
data-role="controlgroup"
data-type="horizontal"
>
<a
href="index.html" data-role="button">예
</a>
<a
href="index.html" data-role="button">아니오
</a>
<a
href="index.html" data-role="button">잘
모르겠는데요
</a>
</div>