Pembelajaran HTML5 Borang Atribut (Bahagian 2) - Sitepoint

Petikan ini dari

html5 & css3 untuk dunia nyata, edisi ke -2 oleh Alexis Goldstein, Louis Lazaris, dan Estelle Weyl, meneroka atribut bentuk html5 utama. Buku ini boleh didapati di kedai dan sebagai ebook.

Konsep Utama:

• Atribut: pattern Mengesahkan input pengguna terhadap ungkapan biasa. Penting untuk medan teks bentuk bebas, memastikan data mematuhi format tertentu. Ingatlah untuk memaklumkan kepada pengguna corak yang diperlukan dengan menggunakan atribut , yang meningkatkan mesej ralat penyemak imbas dan tooltips. Ekspresi tetap sendiri boleh menjadi kompleks, tetapi sumber yang tersedia dapat membantu. title

• Atribut: disabled menghalang interaksi pengguna dengan kawalan borang. Berguna untuk melumpuhkan medan sehingga kriteria tertentu dipenuhi. CSS's pseudo-class membolehkan gaya elemen kurang upaya. Bidang kurang upaya tidak dikemukakan dengan borang. :disabled

Atribut

• : readonly menghalang penyuntingan, tetapi membolehkan fokus dan penyerahan nilai medan. Sesuai untuk memaparkan pengguna maklumat tidak dapat diubah suai, seperti data pra-penuh.

: form Bersekutu membentuk elemen dengan bentuk di luar struktur bersarang mereka. Menyelesaikan batasan bentuk yang tidak bersesuaian dengan menghubungkan unsur-unsur ke bentuk yang berbeza menggunakan IDnya. Mengeluarkan atribut ini memerlukan , tidak menetapkannya ke rentetan kosong. el.removeAttribute('form')

• Atribut: multiple Membolehkan pemilihan pelbagai nilai dalam pelbagai jenis input (fail, e -mel). Perhatikan bahawa sokongan penyemak imbas untuk input dengan atribut ini adalah terhad. Ruang selepas koma kini dibenarkan untuk input e -mel pada iOS, walaupun tidak sintaks e -mel yang sah. range

• atribut: autocomplete Kawalan autocompletion penyemak imbas. Menetapkannya ke melumpuhkan ciri ini, disyorkan untuk data sensitif. Tingkah laku penyemak imbas boleh mengatasi tetapan pemaju. "off"

Atribut

• dan datalist: list Buat senarai dropdown nilai yang dicadangkan untuk medan input. Disokong secara meluas kecuali di Safari. Menggabungkan elemen dengan atribut <datalist></datalist> dan atribut <option></option> pada medan input. list

• atribut: autofocus secara automatik memberi tumpuan kepada elemen tertentu pada beban halaman. Umumnya tidak digalakkan untuk kebolehgunaan dan sebab -sebab kebolehcapaian. Hanya satu elemen setiap halaman yang boleh mempunyai atribut ini.

Atribut lebih lanjut:

banyak atribut khusus input lain, termasuk , , alt, src (untuk imej), height, width, step (untuk nombor dan tarikh), min, max, dirname, formaction, formenctype, formmethod, formnovalidate, formtarget, inputmode, minlength, maxlength, checked, name, dan size. type value

Soalan -soalan yang sering ditanya (Soalan Lazim):

Teks yang disediakan menjawab soalan -soalan umum mengenai atribut ini, yang meliputi fungsi dan penggunaannya dalam bentuk pengesahan dan peningkatan pengalaman pengguna. Soalan Lazim menjelaskan tujuan dan permohonan setiap atribut secara individu.

Rajah 4.4: DataList dalam Firefox

Atas ialah kandungan terperinci Pembelajaran HTML5 Borang Atribut (Bahagian 2) - Sitepoint. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!