Tarikh dalam HTML

Kami mempunyai beberapa medan untuk dicari dengan cepat dalam HTML dengan borang web, seperti medan masa dan tarikh. Kami telah menggunakan medan ini dalam sistem tempahan seperti tempahan tiket dalam talian, tempahan pesanan, dll. Kebanyakannya, kami telah menggunakan medan biasa seperti "tarikh" dalam beberapa bahasa skrip seperti javascript menggunakan fungsi pemilih tarikh. Ia digunakan terutamanya untuk kalendar untuk memilih tarikh dalam lajur kotak teks. Dalam html5, kami telah memilih beberapa penyemak imbas tertentu seperti Opera dan versi google chrome yang menyokong skrin penyemak imbas pengguna sepenuhnya. Kadangkala, kotak teks dengan lajur yang mengandungi tarikh dan format masa yang sah mengiktiraf versi html5 yang sesuai.

Sintaks:

Kami mempunyai beberapa sintaks untuk mengikuti model HTML dtd secara umum supaya halaman web akan ditunjukkan dengan betul dengan keperluan pengguna.

<input type="date" id="1" name="first" value="yyyy-month-date">
-----some codes---

Kod di atas ialah kod HTML asas dengan medan format tarikh dalam halaman web. teg ialah salah satu teg dalam HTML yang digunakan untuk mencipta medan input seperti input pengguna atau input tersuai ke halaman web.

Ciri Tarikh dalam Html

Jenis input tarikh ialah elemen borang; ia membolehkan pengguna menangkap data daripada skrin pengguna menggunakan pelaksanaan pemilih tarikh. Menggunakan pemilih tarikh terpulang kepada vendor, seperti penyemak imbas, tetapi html5 tidak dinyatakan kepada mana-mana vendor untuk cara melaksanakan input pengguna pada skrin. Kita boleh menggunakan tag untuk mengisytiharkan nama dalam penyemak imbas menggunakan mana-mana atributnya; kita boleh menentukan nilai tarikh dalam atribut format minimum dan maksimum seperti min dan maks, tetapi pengguna harus mengetahui tarikh khusus antara dalam julat.

Selain itu, kami mungkin menyertakan atribut seperti format langkah demi hari untuk mengesahkan cara tarikh boleh dinaikkan. Nilai lalai ialah 1. Kami juga boleh mengesahkan sokongan penyemak imbas untuk jenis input tarikh. Begitu juga, HTML mempunyai beberapa ciri untuk setiap teg dan atribut; sesuatu tarikh mempunyai beberapa ciri untuk jenis input dalam HTML.

Medan Input

Pelayar Firefox dan Safari menyokong jenis input yang berupa teks biasa tanpa pemformatan unik atau interaksi khas. Dalam Microsoft, penyemak imbas tepi tidak mempunyai ciri khas atau interaksi walaupun medan input nampaknya diformatkan baca sahaja dalam skrin penyemak imbas pengguna. Seperti Chrome dan Opera, penyemak imbas lain mungkin mempunyai pelaksanaan yang serupa di mana nilai pemegang tempat tarikh dipaparkan berdasarkan penyemak imbas atau tetapan sistem pengguna. Ini boleh termasuk tetapan yang berkaitan dengan format tarikh dan konfigurasi sistem lain.

Aplikasi biasanya akan menetapkan beberapa kawalan untuk pengguna untuk membenarkan medan teks input yang jelas dan beberapa format lain seperti anak panah untuk berkitar ke atas dan ke bawah antara nilai dan menggunakan anak panah yang akan dipilih; terdapat beberapa enjin web lain seperti alat "Pemilih pseudo awalan WebKit" digunakan untuk dibenarkan menukar paparan yang muncul dalam skrin penyemak imbas.

Atribut Min dan Maks

Semua penyemak imbas telah menyokong jenis input seperti tarikh menggunakan atribut minimum dan maksimum. Apabila menggunakan penyemak imbas Chrome dan Opera, sokong set atribut yang didayakan. Walau bagaimanapun, jika pengguna menetapkan nilai untuk satu atribut sahaja, skrin bahagian hadapan mungkin tidak dipaparkan dengan betul. Penyemak imbas ini akan menyokong jenis input tarikh dengan menggunakan anak panah atas dan bawah untuk menukar nilai dalam kotak teks menggunakan format seperti d-m-year.

Jika pengguna menyerlahkan kursor di sebelah tahun dan mengklik anak panah ke bawah, tahun tersebut akan bertukar secara automatik kepada senarai nilai yang dipaparkan dalam kitaran anak panah dalam kotak senarai. Ia memerlukan nilai yang sah, dan tiada nilai maksimum telah ditetapkan; nilai lalai akan digunakan. Ia adalah sama dalam nilai maksimum maksimum yang dipaparkan dalam kotak senarai; apabila kita menggunakan aplikasi mudah alih seperti android, ia akan menukar nilai dalam pemilih tarikh.

Penetik Tarikh

Ia adalah salah satu jenis input penting dalam HTML; ia akan memberikan input pengguna mempunyai format tarikh. Walaupun kami menggunakan penyemak imbas seperti Chrome dan Opera untuk memenuhi syarat pemilih tarikh pada desktop pengguna, gaya seperti CSS tidak memenuhi syarat. Ia kelihatan biasa pada halaman web; menggunakan beberapa elemen gaya CSS dalam dokumen akan menyelaraskan dan mereka bentuk pandangan untuk persepsi pengguna. Kami juga boleh melumpuhkan pemetik tarikh dalam pelayar pengguna; jika kami ingin mendayakan dan melaksanakan sendiri, kami akan melakukannya di web, tetapi peranti mudah alih akan mempunyai akses terhad.

Contoh Tarikh dalam HTML

Berikut ialah contoh Date dalam HTML.

Contoh #1

Kod:

Dates:

Output:

Contoh #2

Kod:

<style>
sample {
display: block;
font: 3rem;
}
sample2 {
margin: .7rem 2;
}
</style>


<div class="sample">
<label for="first">dates:</label>
<input type="date" id="names" name="first" value="2020-02-26" min="2020-01-01" max="2020-12-31">
</div>

Output:

Contoh #3

Kod:

<p id="sample"></p>
<script>
var dates = new Date();
document.getElementById("sample").innerHTML = dates;
</script>

Output:

Dua contoh pertama akan menggunakan label dan kotak teks untuk memaparkan kandungan tarikh pada halaman web contoh akhir akan menggunakan fungsi javascript untuk memanggil fungsi tarikh sehingga tarikh secara automatik; jika kami menggunakan beberapa gaya lain dalam fungsi, kami menggunakannya untuk menyerlahkan halaman web kami akan menggunakan fungsi tarikh sebagai sama ada mm-dd-yy atau dd-mm-yy atau yy-mm-dd atau yy-dd-mm dalam salah satu format ini berdasarkan keperluan pengguna apabila kami menggunakan beberapa perpustakaan lain yang dipanggil jquery, dsb. perpustakaan menggunakan kedua-dua tujuan pengguna (hujung hadapan) dan hujung belakang.

Kesimpulan

Pembangun menggunakan jenis "tarikh" untuk mencipta elemen input tersuai apabila bekerja dengan HTML. Ciri ini membolehkan pengguna memasukkan tarikh melalui sama ada kotak teks atau fungsi "pemilih tarikh". Pembangun mesti mengesahkan format tarikh dan memastikan keserasian penyemak imbas apabila menggunakan kotak teks. Walau bagaimanapun, fungsi pemilih tarikh tidak memerlukan pengesahan dan boleh disepadukan dengan mudah ke dalam kod HTML.

Atas ialah kandungan terperinci Tarikh dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!