Enterkeyhint

Saya baru -baru ini mempelajari atribut EnterKeyhint pada input borang adalah satu perkara! Ia seolah-olah seperti masalah besar kepada saya, kerana membuat markup bentuk HTML adalah kepingan yang baik dari kehidupan pemaju depan, dan atribut ini boleh ( harus? ) Digunakan pada hampir setiap input.

Atribut EnterKeyhint mengubah kekunci tindakan pada papan kekunci mudah alih untuk menukar teks/kemampuan. Stefan Judis mengeja dengan baik dalam tweet ini dari tahun 2020:

Jadi, katakan saya mempunyai bentuk seperti ini:

Pengalaman pengguna di sana mencadangkan bentuk yang "menyelamatkan" tetapi secara lalai pada iPhone di tangan saya, butang biru di papan kekunci berkata ... "Pergi."

Itu bukan bencana atau apa -apa, tetapi sekarang saya mempunyai beberapa pilihan untuk butang itu. Saya akan mencuri ini dari spec, yang merujuk kepada mereka sebagai "modaliti input":

Sebagai profesional web yang serius, saya juga mencuba EnterKeyKint = "Poop" tetapi, malangnya, ia tidak dihormati oleh penyemak imbas. Perhatikan bahawa pada Android butang tindakan tidak hanya berubah menjadi teks, tetapi menggunakan ikon. Oleh itu, untuk menghantar nilai, anda mendapat ikon pesawat kertas kecil dan bukannya label "Hantar". Jadi, ya, jelas Poop sepatutnya berubah menjadi?.

Untuk contoh bentuk kecil di atas ... nilai masuk atau dilakukan entah bagaimana terasa lebih baik kepada saya daripada pergi. Jika saya mahu mengubahnya, saya akan menambah atribut untuk semua elemen bentuk interaktif:

Atribut ini berjalan terus pada input bentuk, jadi ia merasakan sedikit berulang -ulang menulisnya untuk setiap input, terutama dalam bentuk yang lebih lama. Tetapi ia memberi anda peluang untuk mengubahnya bergantung kepada input yang difokuskan.

Saya perhatikan bahawa SAVE bukan pilihan yang sah. Itu seolah -olah pelik kerana ia merasakan apa yang banyak bentuk akan ditawarkan. Mungkin platform web tidak mahu menawarkan sesuatu yang memberitahu pengguna sesuatu yang mereka tidak dapat menguatkuasakan? Saya tidak pasti itu berlaku, walaupun, kerana jika anda meletakkan seterusnya atau sebelumnya yang tidak mengubah tingkah laku sama sekali -anda perlu kodkan diri anda jika apa yang anda mahu lakukan adalah bergerak fokus kepada input seterusnya atau sebelumnya. Secara lalai, butang tindakan hanya menyerahkan borang seperti biasa.

Saya melihat semua ini kerana Stefan baru -baru ini tweet bahawa Firefox menyokongnya sekarang, menawarkan satu set sokongan yang lengkap untuk ciri ini. Ciri ini hanya berkaitan dengan pelayar mudah alih (atau, saya rasa, penyemak imbas yang menyokong papan kekunci maya?) Oleh itu, saya memikirkan tentang mudah alih Firefox. Saya begitu biasa dengan hakikat bahawa semua pelayar adalah safari pada iOS (?). Tetapi pada Android, anda boleh menggunakan Firefox "sebenar", yang merupakan peringatan yang baik yang bukan sahaja melakukan pelayar mudah alih yang berbeza, tetapi penyemak imbas mudah alih yang berbeza juga mempunyai tingkah laku yang berbeza.

Dalam video ini, yang saya pasti mendahului sokongan untuk EnterKeyhint, perhatikan bagaimana papan kekunci maya menawarkan UI untuk seterusnya secara automatik apabila memberi tumpuan kepada input pertama (dan tidak ada cara untuk menghantar secara langsung), tetapi pada kedua (dan terakhir) tindakan, butang menjadi butang hantar (dan tidak ada butang "sebelumnya"). Ini sangat berbeza dari iOS di mana semua yang ditawarkan adalah navigasi antara input dengan anak panah kecil dan bawah yang duduk di atas papan kekunci itu sendiri.

Secara keseluruhannya, ciri yang cukup sejuk yang kita harus sekurang -kurangnya sedar jika tidak menggunakan pada kebanyakan bentuk HTML yang kita buat untuk menyesuaikan dengan tingkah laku.

Atas ialah kandungan terperinci Enterkeyhint. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!