Artikel ini terutama memperkenalkan beberapa ringkasan pola HTML5 yang umum digunakan, termasuk beberapa ekspresi reguler yang umum digunakan, terutama untuk produksi halaman web seluler. Teman yang membutuhkannya bisa merujuknya.
Baru -baru ini, ketika saya sedang mengerjakan halaman ponsel, saya menemukan masalah keyboard dengan input numerik. Pendekatan sebelumnya hanya satu ukuran untuk semua penggunaan tipe = Tel, tetapi saya selalu merasa bahwa huruf bahasa Inggris pada keyboard dengan nomor telepon sembilan-grid terlalu mengganggu. Jadi saya ingin mencoba solusi implementasi lainnya, tetapi kesimpulan akhir membuat frustrasi. Namun, saya juga mengambil kesempatan untuk mempelajari lebih lanjut tentang atribut pola.
Perbedaan antara type = tel dan type = angkaIzinkan saya menjelaskan masalah awal. Faktanya, baik Tel maupun nomor yang sempurna:
ketik = tel
Keuntungannya adalah kinerja keyboard iOS dan android serupa
Kerugiannya adalah bahwa huruf -huruf itu berlebihan. Meskipun saya tidak memiliki gangguan obsesif-kompulsif, saya masih merasa aneh.
ketik = angka
Keuntungannya adalah keyboard numerik nyata yang diimplementasikan di bawah Android
Kerugian 1: Ini bukan keyboard sembilan-grid di bawah iOS, jadi tidak nyaman untuk memasukkannya
Kerugian 2: Versi lama Android (termasuk inti X5 yang digunakan oleh WeChat) akan memiliki ekor yang sangat tidak berguna di belakang kotak input. Untungnya, Android 4.4.4 telah dihapus.
Namun, untuk kekurangan 2, kita dapat menggunakan elemen semu yang dimiliki secara pribadi oleh WebKit untuk memperbaiki:
Kode XML/HTML Salin Konten ke Clipboard