Bagaimana untuk menggunakan medan jenis input dan medan tarikh dalam HTML?-html tutorial-php.cn

Bagaimana untuk menggunakan medan jenis input dan medan tarikh dalam HTML?

WBOY

Lepaskan： 2023-09-08 19:53:02

ke hadapan

1265 orang telah melayarinya

Bagaimana untuk menggunakan medan jenis input dan medan tarikh dalam HTML?

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">

Salin selepas log masuk

Contoh

Berikut ialah contoh program menggunakan medan jenis input dan medan tarikh dalam HTML.




   
      Date:
      <input type="date" id="date" name="date">

Salin selepas log masuk

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">

Salin selepas log masuk

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>

Salin selepas log masuk

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. < /p>

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!