1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <form action="http://www.miaov.com"> 9 <p> 10 <input type="text" name="user_name" value="输入框" /> //text的格式 value的值会显示出来 11 </p> 12 <p> 13 <input type="password" name="password" value="" /> 14 </p> 15 <p> 16 <input type="radio" name="sex" value="men" />男 // 单选radio格式会有选择的样式如果name一致南无会互斥，只能选一个 17 <input type="radio" name="sex" value="women" />女 18 </p> 19 <p> 20 <input type="checkbox" name="xingqu" value="chi" />吃 //多选：是checkbox模式 21 <input type="checkbox" name="xingqu" value="shuijiao" />睡觉 22 <input type="checkbox" name="xingqu" value="dadoudou" />打豆豆 23 </p> 24 <p> 25 <input type="button" value="自定义按钮" /> //要给value的值否则buttom不能显示 26 <input type="image" /> 27 </p> 28 <p> 29 <input type="file" /> //在发说说或是微薄的时候传张图片会用到文件，自己会默认为选择文件 30 </p> 31 <p> 32 <input type="hidden" value="yincang" /> 33 </p> 34 <p> 35 <input type="submit" /> //提交 36 <input type="reset" /> //重置 37 </p> 38 </form> 39 </body> 40 </html>