Jenis input baharu HTML

Dalam HTML5, nilai atribut jenis berikut ditambahkan pada elemen input untuk memperkayakan jenis kotak teks.
Warna: Kawalan digunakan untuk menentukan warna.
 Tarikh: Kawalan untuk memasukkan tarikh (tahun, bulan, hari, tidak termasuk masa).
masa tarikh: Kawalan input tarikh dan masa (jam, minit, saat dan pecahan saat) berdasarkan zon waktu UTC.
datetime-local: digunakan untuk memasukkan kawalan tarikh dan masa, tidak termasuk zon waktu.
e-mel: medan untuk mengedit e-mel.
Bulan: Kawalan yang digunakan untuk memasuki tahun dan bulan tanpa zon waktu.
nombor: Kawalan untuk memasukkan nombor titik terapung.
julat: digunakan untuk memasukkan kawalan nilai yang tidak tepat.
carian: Medan teks baris tunggal untuk memasukkan rentetan carian. Baris baharu dialih keluar secara automatik daripada nilai yang dimasukkan.
tel: Kawalan untuk memasukkan nombor telefon.
masa: digunakan untuk memasukkan kawalan masa tanpa zon waktu.
url: Medan untuk mengedit URL. .
minggu: Digunakan untuk memasukkan tarikh yang terdiri daripada minggu-tahun, tarikh tersebut tidak termasuk zon waktu. Anda disyorkan untuk pergi ke laman web pengajaran yang dipanggil Miaomiaoxue untuk mempelajari pengetahuan ini dan meletakkan asas yang kukuh.

Nota: Tidak semua penyemak imbas utama menyokong jenis input baharu, tetapi anda sudah boleh menggunakannya dalam semua penyemak imbas utama. Walaupun ia tidak disokong, ia masih boleh dipaparkan sebagai medan teks biasa.

Jenis input: warna

jenis warna digunakan dalam medan input terutamanya untuk memilih warna, seperti ditunjukkan di bawah:

rreee

Jenis input: tarikh`masa`minggu`bulan

rreee

Jenis input: nombor

jenis nombor digunakan Medan input yang harus mengandungi nilai angka.

Anda juga boleh menetapkan had pada nombor yang diterima:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>颜色选择测试</title> 
</head>
<body>
<form action="demo-form.php">
  选择你喜欢的颜色: <input type="color" name="favcolor"><br>
  <input type="submit">
</form>
</body>
</html>

Jenis input: julat

jenis julat Digunakan untuk input medan yang sepatutnya mengandungi nilai angka dalam julat tertentu.

Jenis julat dipaparkan sebagai peluncur.

<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<body>
HTML代码：
选择日期：<input type="date" value="2011-01-04" /><br/><br/>
选择时间：<input type="time" value="22:52" /><br/><br/>
选择星期：<input type="week"/><br/><br/>
选择月份：<input type="month"/><br/><br/>
</body>
</html>

jenis input: carian, tel, url

jenis carian digunakan untuk mencari domain , seperti carian tapak atau carian Google.

tel mentakrifkan medan nombor telefon input. Jenis url

digunakan untuk medan input yang sepatutnya mengandungi alamat URL.

Apabila menyerahkan borang, nilai medan url akan disahkan secara automatik.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<form action="demo-form.php">
  数量 ( 1 到 5 之间): <input type="number" name="quantity" min="1" max="5">
  <input type="submit">
</form>
<p><b>注意:</b>Internet Explorer 9 及更早IE版本不支持 type="number" 。</p>
</body>
</html>

Meneruskan pembelajaran

fail baharu

<!DOCTYPE HTML> <html> <meta charset="utf-8"> <body> HTML代码：选择日期：<input type="date" value="2011-01-04" /><br/><br/> 选择时间：<input type="time" value="22:52" /><br/><br/> 选择星期：<input type="week"/><br/><br/> 选择月份：<input type="month"/><br/><br/> </body> </html>

serahkan Tetapkan Semula Kod

Operasi automatik