jQuery Mobile 클...login
jQuery Mobile 클래식 튜토리얼
작가:php.cn  업데이트 시간:2022-04-11 13:58:34

jQuery 모바일 양식 선택



jQuery Mobile 선택 메뉴

iPhone에서 메뉴 선택:
Android/SGS4 장치의 선택 메뉴:

<select> 요소는 여러 옵션이 포함된 드롭다운 목록을 만듭니다.

<select> 요소 내의 <option> 요소는 목록에서 사용할 수 있는 옵션을 정의합니다.

으아악

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

팁: 관련 옵션이 포함된 긴 목록이 있는 경우 <select> 안에 <optgroup> 요소를 사용하세요.

으아악

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.


사용자 정의 선택 메뉴

이 페이지 상단의 이미지는 모바일 플랫폼에서 선택 메뉴를 표시하는 데 사용되는 방법을 보여줍니다.

선택 메뉴가 모든 모바일 장치에서 동일하게 나타나도록 하려면 data-native-menu="false" 속성이 있는 jQuery의 자체 사용자 정의 선택 메뉴를 사용하세요.

으아악

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.


다중 선택

선택 메뉴에서 여러 옵션을 선택하려면 <select> 요소에 multiple 속성을 사용하세요.

으아악

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.


实例

더 많은 예

사용 데이터 역할="제어 그룹"

으아악

인스턴스 실행 중 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

하나 이상의 선택 메뉴를 결합하는 방법.

사용 데이터 유형="수평"

으아악

인스턴스 실행 중 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

선택 메뉴를 가로로 결합하는 방법.

사전 선택된 옵션

으아악

인스턴스 실행 중 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

옵션을 미리 선택하는 방법.

사용 데이터 유형="미니"

으아악

인스턴스 실행 중 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

옵션 메뉴를 축소하는 방법

팝업 옵션

으아악

인스턴스 실행 중 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

팝업 옵션 메뉴를 만드는 방법.

접을 수 있는 형태

으아악

인스턴스 실행 중 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

축소 가능한 양식을 만드는 방법

기본 선택 아이콘 수정

으아악

인스턴스 실행 중 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

옵션 메뉴 아이콘을 변경하는 방법(기본값은 "arrow-d")

아이콘 위치 수정

으아악

인스턴스 실행 중 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

아이콘 표시 위치를 수정하는 방법(기본값은 오른쪽)

PHP 중국어 웹사이트