Tutorial HTML5 Form Properti Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Properti HTML5 Form New,<Form> / <input> atribut autocomplete,contoh,<Form> properti novalidate,contoh,<Input> atribut autofocus,contoh,<Input> properti bentuk,contoh,<Input> properti formaction,contoh,<Input> properti formenctype,contoh,<Input> properti formmethod,contoh,<Input> properti formnovalidate,contoh,<Input> properti formtarget,contoh,<Input> tinggi dan lebar atribut,contoh,<Input> sifat daftar,contoh,<Input> min dan max atribut,contoh,<Input> beberapa properti,contoh,<Input> properti pola,contoh,<Input> atribut placeholder,contoh,<Input> Atribut diperlukan,contoh,<Input> atribut langkah,contoh,HTML5 <input> tag,
HTML5 <form> dan <input> tag menambahkan beberapa properti baru.
<Form> atribut baru:
<Input> sifat New:
atribut autocomplete menentukan bentuk atau masukan bidang harus memiliki autocomplete.
Ketika pengguna mulai mengetik di bidang autocomplete, browser harus menampilkan pilihan untuk mengisi bidang ini.
Tip: autocomplete atribut mungkin elemen bentuk diaktifkan, dan dalam elemen input dimatikan.
Catatan: autocomplete berlaku <form> tag, dan jenis berikut <input> tag: teks, pencarian, url, telepon , email, password, datepickers, berbagai dan warna.
bentuk HTML di autocomplete terbuka (a autocomplete field input shutdown):
Tip: Beberapa browser, Anda mungkin perlu mengaktifkan fitur AutoComplete, dalam rangka untuk mengambil properti.
Properti boolean properti novalidate.
Atribut novalidate menentukan kapan mengirimkan formulir tidak harus memvalidasi form input atau domain.
Tanpa verifikasi pengiriman formulir Data
atribut autofocus adalah atribut boolean.
Atribut autofocus menentukan kapan beban halaman, domain secara otomatis menerima fokus.
Biarkan "Nama depan" field input masukkan auto fokus pada beban halaman:
atribut menentukan bentuk bidang masukan milik satu atau lebih bentuk.
Tip: Untuk mengutip lebih dari satu bentuk, menggunakan daftar dipisahkan dengan spasi.
Terletak dalam bentuk bentuk luar kolom input mengacu ke bentuk HTML (bentuk masih input berupa merupakan bagian dari):
Properti formaction digunakan untuk menggambarkan URL dari pengiriman formulir.
formaction atribut menimpa <form> elemen dalam atribut aksi.
Catatan: formaction The atribut type = "submit" dan type = "image".
HTMLform menyerahkan formulir berikut berisi tombol dua alamat yang berbeda:
formenctype atribut menggambarkan formulir dikirimkan ke encoding server data (hanya untuk metode bentuk bentuk = "post" bentuk)
menimpa properti formenctype enctype atribut elemen form.
Main: Jenis Atribut ini = "submit" dan ketik = "image" digunakan bersama.
tombol submit pertama untuk mengirim data formulir dikodekan secara default, kedua tombol submit untuk "multipart / form-data" encoding format yang mengirim data formulir:
atribut formmethod mendefinisikan pengiriman formulir cara.
properti formmethod meliputi <form> atribut metode elemen.
Catatan: Atribut ini dapat digunakan dengan type = "submit" dan ketik = "image" digunakan bersama.
Mendefinisikan kembali pengiriman formulir dengan cara misalnya:
Properti novalidate adalah properti boolean.
atribut novalidate menggambarkan <input> elemen tidak perlu divalidasi ketika formulir dikirimkan.
atribut formnovalidate menimpa atribut novalidate <form> elemen.
Catatan: formnovalidate jenis atribut = "submit untuk digunakan dengan
Dua tombol menyerahkan formulir (tidak berlaku dengan verifikasi):
Atribut formtarget menentukan nama atau kata kunci untuk menunjukkan data display diterima setelah formulir dikirimkan.
Menimpa properti formtarget <form> atribut target dari elemen.
Catatan: formtarget jenis atribut = "submit" dan ketik = "image" digunakan bersama.
Dua tombol menyerahkan formulir ditampilkan dalam jendela yang berbeda:
atribut tinggi dan lebar yang ditentukan untuk jenis citra <input> tinggi tag gambar dan lebar.
Catatan: tinggi dan lebar properti hanya berlaku untuk jenis gambar <input> tag.
Tip: Gambar biasanya akan menentukan atribut tinggi dan lebar.Jika gambar mengatur tinggi dan lebar ruang yang dibutuhkan untuk gambar ketika halaman dimuat akan dipertahankan. Tanpa atribut ini, browser tidak tahu ukuran gambar, dan tidak dapat menyisihkan ruang yang sesuai. Foto selama proses loading akan mempengaruhi tata letak perubahan halaman (meskipun gambar telah dimuat).
Mendefinisikan gambar tombol submit, menggunakan atribut tinggi dan lebar:
Atribut daftar datalist menentukan field input. datalist adalah daftar pilihan untuk field input.
Telah ditetapkan di <datalist> di <input> value:
min, max, dan atribut langkah digunakan sebagai jenis masukan yang berisi angka atau tanggal Terbatas (kendala).
Catatan: min, max, dan langkah atribut berlaku untuk jenis berikut <input> tag: pemetik tanggal, jumlah dan jangkauan.
<Input> elemen minimum dan pengaturan maksimum:
beberapa atribut adalah atribut boolean.
beberapa menspesifikasikan atribut <input> elemen untuk memilih beberapa nilai.
Catatan: beberapa properti berlaku untuk jenis berikut <input> tag: email dan berkas:
Atribut pola menggambarkan ekspresi reguler digunakan untuk memvalidasi nilai <input> elemen.
Catatan: Atribut polaberlaku untuk jenis berikut <input> tag: teks, pencarian, url, tel , email, dan password.
Tip: Hal ini digunakan untuk global judul atribut menggambarkan mode.
Tip: Anda dapat di kami tutorial JavaScript untuk belajar tentang isi dari ekspresi reguler
Contoh berikut menunjukkan tiga huruf hanya berisi text field (tidak ada angka atau karakter khusus):
atribut placeholder memberikan petunjuk (petunjuk), menggambarkan nilai yang diharapkan dari field input.
Sebuah pengingat singkat akan ditampilkan pada kolom input sebelum nilai input pengguna.
Catatan: Atribut placeholderberlaku untuk jenis berikut <input> tag: teks, pencarian, url, telepon , email dan password.
Atribut yang dibutuhkan adalah atribut boolean.
Atribut wajib menetapkan bahwa sebuah field input harus diisi (tidak kosong) sebelum mengirimkan.
Catatan: atribut yang diperlukanuntuk jenis berikut <input> tag: teks, pencarian, url, telepon , email, password, pemetik tanggal, nomor, checkbox, radio dan berkas.
Langkah atribut untuk kolom input menentukan interval nomor hukum.
Jika langkah = "3", nomor hukum bisa -3,0,3,6, dll
Tip: Langkah atribut dapat menciptakan nilai max regional dan min atribut.
Catatan: Langkah atribut jenis yang digunakan dalam hubungannya dengan jenis berikut: jumlah, rentang, tanggal, datetime , datetime-lokal, bulan, waktu dan minggu.
Yang telah ditentukan masukan langkah langkah 3:
标签 | 描述 |
---|---|
<form> | 定义一个form表单 |
<input> | 定义一个 input 域 |