모든 폼 관련 요소들은 <form>(action과 method 속성을 가진)으로 둘러 쌓여져 있어야 한다. 또한, 모든 폼요소의 id 값은 해당 문서 내에서 뿐만 아니라 모든 사이트 내에서 유일한 이름이어야 한다.
<form action="form.php" method="post"> ... </form>
모든 폼은 짝을 이루는 <label>요소가 있어야 하며, for 속성 값은 폼의 id 속성 값과 일치해야 한다. <label>요소를 숨기려면 class="ui-hidden-accessible"을 지정한다.
<label
for="username" class="ui-hidden-accessible">이름
:</label>
<input
type="text" name="username" id="username"
value="" placeholder="이름"/>
또는 필드 컨테이너에 class="ui-hide-label"을 추가해도 된다. 필드 컨테이너는 <div>나 <fieldset> 요소에 data-role="fieldcontain"을 사용해서 지정하며 각각의 라벨/폼 쌍을 묶는데 사용되며 라벨과 폼이 한 줄에 표시된다.
<div
data-role="fieldcontain"
class="ui-hide-label">
<label
for="username">이름
:</label>
<input
type="text" name="username" id="username"
value="" placeholder="이름"/>
</div>
폼을 사용불가 상태로 지정하려면 disable 속성을 지정하거나 class="ui-disabled"를 지정한다.
스타일링을 사용하지 않으려면 data-role="none"을 지정하면 된다.
차례
5.0.1. 필드 컨테이너 관련 속성
5.1. 텍스트 입력
5.2. 텍스트 상자
5.2.1. 텍스트 상자 관련 속성
5.3. 검색
5.4. 슬라이더
5.4.1. 슬라이더 관련 속성
5.5. 온/오프 스위치
5.5.1. 스위치 관련 속성
5.6. 라디오 버튼
5.6.1. 라디오 버튼과 관련된 속성들
5.7. 체크박스
5.7.1. 체크박스의 속성들
5.8. 선택 옵션
5.8.1. 선택 옵션 관련 속성
5.8.2. 선택 그룹 관련 속성
