Penjelasan terperinci tentang atribut baru formulir HTML5

Di H5, formulir dapat ditempatkan di mana saja pada halaman, dan kemudian atribut formulir ditentukan untuk elemen.

 <Form id = testForm> <input type = text> </form> <textArea form = testForm> </pextAreA>

Dalam H4, bentuk penyerahan formulir

 <Form Action = 1.jsp> </form>

Kirimkan seluruh formulir

Di H5, Anda dapat menambahkan halaman JSP yang dikirimkan ke setiap atribut formulir

 <Form Action = 1.jsp> <input type = kirim tindakan = 1-1.jsp> kirim ke 1 halaman </srom> <input type = kirim tindakan = 1-2.jsp> kirim ke 2 halaman </sorm> <Input Type = Kirim Tindakan = 1-3.jsp> Kirimkan ke 3 halaman </form> </form>

Anda dapat menentukan metode pengiriman setiap elemen formulir

 <Form Action = 1.jsp> <input type = kirim tindakan = 1-1.jsp FormMethod = Post> Kirim ke 1 halaman, Metode Posting Kirim </sorm> <Input Type = 1-2.jsp FormMethod = get> Kirim ke 2 halaman, dapatkan metode pengiriman </sorm> </form>

Sama seperti di atas, peran dan setiap elemen, kodenya sedikit

Sama seperti di atas, peran dan setiap elemen, kodenya sedikit

Tambahkan atribut autofocus ke kotak teks, kotak pemilihan, dan kontrol tombol, dan fokus akan secara otomatis diperoleh saat layar dibuka.

 <Input Type = Teks Teks = 1-3.jsp AutoFocus> Kirim ke 3 halaman </form>

Hanya ada satu kontrol pada halaman yang memiliki properti fokus otomatis, yang tidak dapat disalahgunakan

Dapat digunakan di sebagian besar elemen input.

Dapat menambahkan atribut LABLS ke semua elemen formulir, nilai atribut adalah objek nodelist, yang mewakili kumpulan elemen label yang terikat pada elemen.

 <Tipe Script = Text/JavaScript> window.onload = function () {var text = document.getElementById ('text'); ') ;; function () {if (text.value.trim () ==) {//alert_labels.length) if (text.labels.length == 1) {var label = dokumen. label.setAttribute (untuk, teks); Warna: merah);}} lain jika (text.labels.length> 1) form.removechild (text.labels [1]); Btn type = value tombol = verifikasi> </form>

Ketika pengguna tidak memasukkan nilai apa pun, klik verifikasi, dan elemen label akan ditambahkan ke kotak teks. untuk memasukkan nama

Anda dapat menempatkan elemen unit tabel di dalam label dan mengakses elemen tabel melalui properti kontrol tag.

 <Tipe Script = Text/JavaScript> Function setValue () {Console.log (1); <Label id = label> kode pos: <input id = txt_zip maxlength = 6> <small> Harap masukkan 6 digit </small> </label> <input type = = atur nilai default oncliclk = setValue () <) < </form>

Buka halaman di turis, klik Atur tombol Nilai Default, dan 231456 akan ditampilkan di kotak teks.

Masukkan informasi prompt (abu -abu) saat kotak teks dalam keadaan pilihan

 <Jenis input = teks palceHolder = hahah>

Dikombinasikan dengan elemen datalist baru H5, kotak prompt produksi

 Teks: <Input Type = Teks Nama = Daftar Ucapan = Salam> <!-Gunakan Style = Display: None People </pection> <Option value = Anda adalah babi> Anda adalah babi </pection> <option value = Anda adalah anjing> Anda adalah anjing </pection> </datalist>

Ketika Anda memasukkan Anda di kotak teks, akan ada tiga kolom di bawah ini untuk mengingatkan Anda bahwa Anda adalah orang -orang, Anda adalah babi, Anda adalah anjing.

AutoComplete memiliki tiga, mati, (tidak ditentukan). Saat ditentukan, gunakan nilai default wisatawan. Metode penggunaan adalah sebagai berikut

 <Input Type = Teks Nama = Daftar Ucapan = Salam AutoComplete = ON>

Ketika Anda memasukkan kotak teks jika Anda adalah orang klik untuk mengirimkan, kembali ke halaman sebelumnya, dan kemudian masukkan saya di kotak teks, dan Anda akan meminta saya untuk menjadi orang.

Ini setara dengan apakah nilai input dari penilaian ekspresi reguler di bagian HTML memenuhi persyaratan.

Harap masukkan konten: <input type = pola teks = [0-9] [az] {3}>

Segmen kode ini perlu memasukkan tiga huruf modal numerik.

Untuk elemen teks dan tekstaria input, ketika pengguna memilih bagian teks dalam dua elemen ini, Anda dapat menggunakan elemen untuk mendapatkan arah pilihan.

 <Tipe Script = Text/JavaScript> function AlertSelectionDirection () {var control = document.forms [0] ['Text']; Nama teks = teks> <input type = tombol value = Remember Me onClick = AlertSelectionDirection ()> </form>

Untuk kotak centang, di masa lalu, hanya status seleksi dan non -pemilihan.

 <script> var cb = document.geteLementById (cb);

• Tinggi: Tentukan ketinggian gambar di tombol gambar;
• Lebar: Tentukan lebar gambar di tombol gambar;

 <Jenis input = gambar src = img/2.png lebar = 23 tinggi = 23>

• MaxLength: Mengatur menggunakan nilai integer untuk membatasi jumlah teks yang dapat dimasukkan dalam elemen TexTarea.
• Bungkus: Anda dapat menentukan nilai atribut menjadi lunak dan keras. .

Di atas adalah semua isi artikel ini.