form action="#">
<input type="button" value="http://www.mamicode.com/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="http://www.mamicode.com/hehe"><!--隐藏呵呵图片-->
<img src="http://www.mamicode.com/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提交-->

关于input