Video: Ultra Powerful Natural Germicide DIY : JADAM Sulfur(JS) by No-heating. [Multi-language subtitles] 2025
Anda boleh melakukan pengesahan asas menggunakan JavaScript untuk pelbagai jenis input. Latihan pertama ini menetapkan HTML untuk borang web. Sebaik sahaja anda melengkapkan latihan ini, anda akan mempunyai pengesahan JavaScript dilakukan untuk borang.
-
Buka editor teks anda dan buat fail kosong yang baru.
-
Dalam fail, letakkan HTML berikut:
Borang Maklumat Pengguna Nama: * Nama diperlukan
Kota:
Negeri: Alabama California Colorado Florida Illinois New Jersey New York Wisconsin > ZIP:
Alamat E-mel: * E-mel diperlukan
Nombor Telefon: Format: xxx-xxx-xxxx
Jenis Nombor: Rumah Kerja Sila pilih pilihan
Sahkan kata laluan: * Kata laluan tidak sepadan
Simpan fail sebagai borang. php dalam akar dokumen anda.
-
- / borang. php. HTML kelihatan sangat buruk, dengan medan borang misalign dan ralat dipaparkan. Anda boleh membetulkannya dengan CSS.
Buat fail teks baru dalam editor anda dan masukkan CSS berikut:
-
formset {display: inline-block;}. radioButton {float: none; paparan: inline; margin-right: 0. 1em; lebar: 2em;} borang label {width: 8em; margin-right: 1em; terapung: kiri; teks-align: right; paparan: blok;} borang input {width: 15em;} #submit {margin-top: 2em; terapung: betul;}. errorClass {background-color: # CC6666;} #errorDiv {col or: red;}. errorFeedback {visibility: hidden;}
Simpan fail sebagai bentuk. css dalam akar dokumen anda.
-
Muat semula borang. fail php dalam penyemak imbas anda.
-
Dengan HTML dan CSS di tempatnya, sudah tiba masanya untuk menambah beberapa JavaScript.
Nota: Anda membina kod pengesahan kemudian dalam bab ini. Buat masa ini, anda hanya menambah fail JavaScript asas.
-
Letakkan JavaScript berikut dalam fail.
-
$ (dokumen). siap (function () {alert ("hello");});
Simpan fail sebagai borang. js dalam akar dokumen anda.
-
Muat semula borang. php dalam pelayar web anda.
-
Klik OK untuk menolak dialog.
-
Walaupun dialog isyarat itu sendiri bukan sesuatu yang baru, ia membuktikan bahawa anda telah menyambung HTML dan JavaScript dengan betul untuk latihan ini. Dari sini, anda boleh berusaha menambah pengesahan JavaScript ke borang tersebut. Sebelum berbuat demikian, anda mungkin dapat membantu untuk memecahkan beberapa HTML dan CSS yang telah anda buat.
