HTML5是指HTML文檔的第五個(gè)版本,它增加了一些新的特性和語義化標(biāo)簽,其中一個(gè)顯著特性就是HTML5新表單類型。新表單類型能夠提供更多的表單控件和驗(yàn)證器,以及更好的用戶體驗(yàn)。下面將介紹一些常用的HTML5新表單類型代碼。
這些表單類型可以用于選擇時(shí)間日期,并且允許用戶通過瀏覽器的日期和時(shí)間控件來方便地進(jìn)行輸入。date輸入框:
datetime輸入框:
datetime-local輸入框:
time輸入框:
這個(gè)表單類型允許用戶選擇顏色,同樣通過瀏覽器的顏色控件來更加方便地進(jìn)行操作。color輸入框:
這個(gè)表單類型用于輸入范圍值,如音量、亮度等等。拖動(dòng)滑塊可以方便地選擇區(qū)間值。range輸入框:
這個(gè)表單類型用于搜索框,使用時(shí)一般配合JS實(shí)現(xiàn)查詢。 以上僅是HTML5新表單類型的一部分,這些新表單類型提供了更多的輸入控件和驗(yàn)證器,可以為用戶提供更好的操作體驗(yàn)。search輸入框: