form action="#">
<input type="button" value="button"><!--代替submit提交-->
<input type="checkbox"><!--單選打鉤-->
<input type="color"><!--顏色-->
<input type="date"><!--年月日-->
<input type="datetime"><!--時(shí)間 UTC時(shí)區(qū)-->
<input type="datetime-local"><!--時(shí)間 不帶時(shí)區(qū)-->
<input type="week"><!--多少年的第幾周-->
<input type="time"><!--23：59-->
<input type="month"><!--年月-->
<input type="email"><!--輸入郵箱@。。。-->
<input type="submit">

<input type="file"><!--選擇文件顯示路徑-->

<!--不用太深究-->
<input type="hidden"><!--隱藏輸入字段-->
<input type="image" value="hehe"><!--隱藏呵呵圖片-->
<img src="time.jpg" alt="hehee" >

<input type="number"><!--選擇數(shù)字字段-->
<input type="password"><!--密碼-->
<input type="radio"><!--單選按鈕 圓圈-->
<input type="range"><!--輸入數(shù)字的控件 類似于音量的進(jìn)度條-->
<input type="reset"><!--重置按鈕 恢復(fù)默認(rèn)值-->
<input type="search"><!--輸入搜索字符串的文本字段-->
<input type="tel"><!--輸入電話號碼的字段-->
<input type="url"><!--格式：http://123.cn 協(xié)議與域名 否則彈出請輸入網(wǎng)址-->

</form>

<button>button2</button><!--代替submit提交-->

轉(zhuǎn)載于:https://www.cnblogs.com/zyhh/p/7064959.html

總結(jié)

以上是生活随笔為你收集整理的关于input的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。