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>2. Properti formaction dari elemen dalam tabel
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>3. Properti Formhod dalam tabel
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>4. Atribut FormEncType dalam tabel
Sama seperti di atas, peran dan setiap elemen, kodenya sedikit
5. Atribut FormTarget dari formulirSama seperti di atas, peran dan setiap elemen, kodenya sedikit
6. Atribut fokus otomatis elemenTambahkan 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
7. Atribut yang DiperlukanDapat digunakan di sebagian besar elemen input.
8. Atribut LabelDapat 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
9. Atribut kontrol labelAnda 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.
10. Atribut Placeholder di kotak teksMasukkan informasi prompt (abu -abu) saat kotak teks dalam keadaan pilihan
<Jenis input = teks palceHolder = hahah>11. Daftar atribut kotak teks
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.
12. ATRIBUT AUTOCLETTE DI KOTAK TEKSAutoComplete 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.
13. Atribut pola kotak teksIni 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.
14. Atribut DectightDirection di kotak teksUntuk 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> 15. Properti tak tentuUntuk kotak centang, di masa lalu, hanya status seleksi dan non -pemilihan.
<script> var cb = document.geteLementById (cb);16. Atribut Tinggi dan Atribut Lebar Tombol Pengiriman Gambar
<Jenis input = gambar src = img/2.png lebar = 23 tinggi = 23>17.
Di atas adalah semua isi artikel ini.