Rumah > Artikel > hujung hadapan web > Bagaimana untuk menggunakan medan jenis input dan medan tarikh dalam HTML?
Bagaimana untuk menggunakan medan jenis input dan medan tarikh dalam HTML?
- WBOYke hadapan
- 2023-09-08 19:53:021246semak imbas
Dalam artikel ini, kami akan menggunakan medan jenis input dengan medan tarikh dalam HTML.
Kami menggunakan type="date" dalam elemen untuk mencipta medan input yang membolehkan pengguna memasukkan tarikh, sama ada menggunakan kotak teks yang mengesahkan input atau antara muka pemilih tarikh khas.
Nilai termasuk tahun, bulan dan hari.
Tatabahasa
Berikut ialah sintaks untuk menggunakan medan jenis input dan medan tarikh dalam HTML.
<input type="date" id="date" name="date">
Contoh
Berikut ialah contoh program menggunakan medan jenis input dan medan tarikh dalam HTML.
Kini kita boleh memilih tarikh daripada pemilih tarikh.
Tambah tarikh pada medan input dengan julat
Kami juga boleh mencipta julat medan input menggunakan atribut maks dan min bersama dengan atribut tarikh.
Tatabahasa
Berikut ialah sintaks untuk mencipta julat medan input menggunakan atribut maks dan min serta atribut tarikh.
<input type="date" name="party" min="2022-06-10" max="2024-04-30">
Contoh
Berikut ialah contoh program untuk mencipta julat medan input menggunakan atribut maks dan min serta atribut tarikh.
<!DOCTYPE html>
<html>
<body>
<form >
<label for="birthday">Date:</label>
<input type="date" name="party" min="2022-06-01" max="2022-07-30">
<input type="submit">
</form>
</body>
</html>
Kita dapat melihat bahawa pemilih tarikh telah melumpuhkan semua nilai lain. dan mencipta julat yang kami tentukan dalam contoh di atas.
Dalam contoh program di atas, kami tetapkan min="2022-06-01" dan max="2022-07-30". Jadi pemilih tarikh boleh memilih tarikh daripada julat minimum dan maksimum.
Atribut tarikh mengikut medan yang diperlukan
Kami juga boleh menggunakan atribut medan input yang diperlukan untuk memaksa tarikh diisi. Jika kami cuba menyerahkan medan tarikh kosong, ralat akan dipaparkan.
Tatabahasa
Sintaks berikut menggunakan atribut medan input yang diperlukan untuk memaksa tarikh diisi.
<input type="date" name="party" min="2022-06-10" max="2024-04-30" required>
Contoh
Contoh berikut menggunakan atribut medan input yang diperlukan untuk memaksa tarikh diisi.
<!DOCTYPE html>
<html>
<body>
<form >
<label for="birthday">Date:</label>
<input type="date" name="party" min="2022-06-01" max="2022-07-30" required>
<input type="submit">
</form>
</body>
</html>
Apabila kami cuba menyerahkan tarikh kosong dalam medan input, mesej ralat dipaparkan.
Atas ialah kandungan terperinci Bagaimana untuk menggunakan medan jenis input dan medan tarikh dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!