HTML5 Tutorial Instance: Properti Tag Formulir Web Formulir Web

Penulis：Eve Cole Waktu Pembaruan：2025-05-18 06:16:01

Artikel Pengenalan Wulin.com (www.vevb.com): Dalam html5, standar Web Forms 2.0 diserap, dan fungsi untuk elemen bentuk sangat diperkuat, membuat pengembangan bentuk lebih cepat dan lebih nyaman.

Dalam HTML5, standar Web Forms 2.0 diserap, dan fungsi untuk elemen bentuk sangat diperkuat, membuat pengembangan bentuk lebih cepat dan lebih nyaman.

1. Atribut Bentuk

Di HTML5, Anda dapat menulis Formulir Slave Elemen di mana saja pada halaman, dan kemudian menentukan atribut formulir ke elemen, dan nilai atribut adalah ID formulir, sehingga elemen dapat dinyatakan termasuk dalam formulir yang ditentukan.

<Form id = test> <input type = text> </form> <textarea form = test> </textarea> 2. Properti formaction

Di HTML5, Anda dapat menambahkan berbagai atribut pemformatan ke semua tombol kirim, klik tombol yang berbeda, dan mengirimkan berbagai bentuk ke halaman yang berbeda.

<input type = kirimkan format = a.php> <input type = kirimkan format = b.php> 3. fomethod atribut

Di HTML5, Anda dapat menggunakan atribut Formasi untuk menentukan halaman pengiriman yang berbeda untuk setiap elemen bentuk, dan Anda juga dapat menggunakan atribut Formthod untuk menentukan metode pengiriman yang berbeda untuk setiap elemen bentuk.

<input type = kirimkan format = a.php FormMethod = post> <input type = kirimkan format = a.php FormMethod = get> 4.PlaceHolder Atribut

Placeholder mengacu pada pengurangan opacity pesan teks ketika kotak teks dalam keadaan uninput dan fokus kursor tidak diperoleh. Misalnya, efek kotak pencarian dasar jaringan situs web ini adalah.

<Input Type = Text Placeholder = Klik Di Sini Untuk Mencari> 5.Autofocus Atribut

Secara otomatis mendapatkan fokus kursor untuk kotak teks, kotak pilihan, atau kontrol tombol.

<Input Type = Text AutoFocus> 6.List Atribut

Di HTML5, tambahkan atribut daftar ke kotak teks baris tunggal, dan nilai atribut adalah ID elemen distalist. Elemen datalist mirip dengan kotak pilihan. Elemen itu sendiri tidak ditampilkan, tetapi ditampilkan dalam input prompt ketika kotak teks mendapat fokus.

<input type = list teks = webjxcom> <datalist id = webjxcom style = display: none;> <pection> html </tiption> <pection> css </pection> <pection> JavaScript </tiption> </detalist>

Untuk menghindari tampilan salah di browser yang tidak mendukung elemen ini, atur agar tidak ditampilkan dengan CSS, dll.

7.AUOTCOMPLETE ATTRIBUT

Fungsi penyelesaian otomatis yang digunakan untuk input tambahan menghemat waktu input dan juga merupakan fungsi yang sangat nyaman. Untuk atribut AuotComplete, Anda dapat menentukan tiga nilai: ON, OFF, dan (tidak menentukan).