form action="#">
<input type="button" value="button"><!--代替submit提交-->
<input type="checkbox"><!--單選打鉤-->
<input type="color"><!--顏色-->
<input type="date"><!--年月日-->
<input type="datetime"><!--時間 UTC時區-->
<input type="datetime-local"><!--時間 不帶時區-->
<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"><!--選擇數字字段-->
<input type="password"><!--密碼-->
<input type="radio"><!--單選按鈕 圓圈-->
<input type="range"><!--輸入數字的控件 類似于音量的進度條-->
<input type="reset"><!--重置按鈕 恢復默認值-->
<input type="search"><!--輸入搜索字符串的文本字段-->
<input type="tel"><!--輸入電話號碼的字段-->
<input type="url"><!--格式：http://123.cn 協議與域名 否則彈出請輸入網址-->

</form>

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

轉載于:https://www.cnblogs.com/zyhh/p/7064959.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。