简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Jenis input baharu HTML

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
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492122 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！