Tutorial Form Ponsel jQuery Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Struktur jQuery Mobile Form,contoh,contoh,contoh,jQuery Mobile Formulir icon,contoh,Tombol untuk menambahkan ikon:,bidang Kontainer,contoh,contoh,
jQuery Mobile akan secara otomatis otomatis menambah gaya ke bentuk HTML, membuat mereka terlihat lebih menarik, lebih ramah untuk disentuh.
jQuery Mobile menggunakan CSS untuk gaya bentuk HTML elemen untuk membuat mereka lebih menarik dan lebih mudah digunakan.
Dalam jQuery Mobile, Anda dapat menggunakan kontrol formulir berikut:
Ketika menggunakan formulir jQuery Mobile, Anda harus tahu:
Untuk menyembunyikan label, menggunakan kelas ui-tersembunyi-diakses. Hal ini sering digunakan ketika Anda adalah atribut dari elemen sebagai tag placeholder:
Tip: Kita bisa menggunakan data-jelas-btn = "true " atribut untuk menambahkan tombol untuk menghapus isi dari kotak input (ikon X di sebelah kanan kotak input):
Jelas tombol di kotak input <input> elemen yang digunakan, tapi tidak dalam <textarea> di. kotak pencarian data yang jelas-btn Nilai default adalah "benar", Anda dapat menggunakan data-jelas-btn = "false" untuk menghapus ikon. |
Bentuk kode tombol adalah HTML standar <input> elemen (tombol, mereset, kirimkan). Mereka akan secara otomatis render gaya, secara otomatis beradaptasi perangkat mobile ke desktop:
Jika Anda perlu menambahkan gaya tambahan di <input> tombol, Anda dapat menggunakan tabel berikut data- * atribut:
milik | nilai | deskripsi |
---|---|---|
Data-sudut | benar | palsu | Menentukan sudut apakah tombol telah bulat |
Data-icon | Reference Manual ikon | Penunjukan ikon tombol |
Data-iconpos | kiri | kanan | atas | bawah | notext | Tentukan lokasi ikon |
Data-inline | benar | palsu | Menentukan apakah tombol inline |
Data-Mini | benar | palsu | Menentukan apakah tombol Mini |
Data-shadow | benar | palsu | Menentukan apakah tombol untuk menambahkan efek bayangan |
Untuk membuat label dan elemen bentuk terlihat lebih cocok untuk layar lebar, silahkan atau <fieldset> elemen sekitarnya elemen label / form digunakan dengan "ui-bidang-berisi" class <div>:
ui-bidang-berisi kelas berdasarkan lebar halaman untuk menambahkan gaya untuk label dan bentuk kontrol. Ketika lebar halaman lebih besar dari 480px, maka secara otomatis akan menempatkan label dan bentuk kontrol pada baris yang sama. Ketika lebar halaman kurang dari 480px, label akan ditempatkan pada elemen bentuk atas. |
Tip: Untuk mencegah jQuery Mobile secara otomatis menambah gaya elemen diklik, penggunaan data role = "none" atribut:
jQuery Mobile di pengiriman formulir jQuery Mobile secara otomatis ditangani oleh pengiriman formulir AJAX, dan server integrasi mencoba untuk menanggapi DOM dari aplikasi. |