HTML的表单组件如何使用

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= 有个按钮 quot;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 

相信看了这些案例你已经掌握了方法，更多精彩请关注php 其它相关文章！

相关阅读：

H5怎样做出日历校验功能

h5怎样实现获取用户地理定位

SVG怎样开始实现多彩圆环倒计时

以上就是HTML的表单组件如何使用的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。