HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码，感兴趣的朋友参考下吧
废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>Insert title here</title> </head> <body> <!-- 如果要给服务端提交数据 表单中的组件必须有name和value属性 用于给服务端获取数据 --> <from>输入名称:<input type=text name=user value=/><br/> 输入密码:<input type=password name=passwd value=/> <br/> 选择性别:<input type=radio name=sex vlaue=nan/> 男 <input type=radio name=sex value=nv checked=checked/> 女 <br/> 选择技术: <input type=checkbox name=tech value=java/>Java <input type=checkbox name=tech value=html/>html <input type=checkbox name=tech value=css/>CSS<br/> 选择文件: <input type=file name=file /><br/> 一个图片:<input type=image src=11.jpg ><br/> <!-- 数据不需要客户端指定 但是可以将其提交服务端 --> 隐藏组件:<input type=hidden name=mykey value=myvalue/><br/> 一个按钮:<input type=button value=有个按钮 onclick=alert('有个按钮')><br/> <select name=contry> <option value=none>--选择国家-</option> <option value=usa>美国</option> <option value=en>英国</option> <option value=cn selected=selected>中国</option> </select> <textarea name=text></textarea> <br/> <input type=reset value=清除数据/><input type=submit value=提交数据/> <from> </body> </html> 总结以上所述是小编给大家介绍的HTML 表单组件实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对VeVb武林网网站的支持！