HTML 表单组件实例代码

所属分类: 网页制作 / HTML/Xhtml 阅读数: 170
收藏 0 赞 0 分享

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 表单组件实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

更多精彩内容其他人还在看

一行代码解决各种IE兼容问题(IE6-IE10)

本文主要介绍了一行代码解决各种IE兼容问题(IE6-IE10)的方法,具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

Html 实现动态显示颜色块的报表效果(实例代码)

本文通过实例代码讲解如何使用html的颜色块动态展示数据功能,非常不错,代码简单易懂,需要的朋友参考下
收藏 0 赞 0 分享

html、css和js注释规范用法小结

添加必要的注释,对一个有责任心、有道德模范的前端必须具备的好习惯,可以大大提高代码的可维护性、可读性。下面小编给大家介绍下html、css和js注释规范用法小结,需要的的朋友参考下吧
收藏 0 赞 0 分享

html页面跳转传递参数问题

这篇文章主要介绍了html页面跳转传递参数问题的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

html在消息按钮上增加数量角标的实现代码

这篇文章主要介绍了html在消息按钮上增加数量角标的实现代码,需要的朋友可以参考下
收藏 0 赞 0 分享

html格式化json的实例代码

这篇文章主要介绍了html格式化json的实例代码,需要的朋友可以参考下
收藏 0 赞 0 分享

HTML中实现鼠标经停时整行(tr)变色

这篇文章主要介绍了HTML中实现鼠标经停时整行(tr)变色的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

HTML大于号、小于号、空格、引号等常用的转义代码写法一览表

这篇文章主要介绍了HTML大于号、小于号、空格、引号等常用的转义代码写法一览表,需要的朋友可以参考下
收藏 0 赞 0 分享

HTML框架_动力节点Java学院整理

一个浏览器文档窗口只能显示一个网页文件,但是可以通过使用框架,在同一个浏览器窗口中显示不止一个页面,本文就来介绍一下HTML框架
收藏 0 赞 0 分享

HTML表格_动力节点Java学院整理

在html中绘制表格使用table标签,tr表示行,td表示列,下面通过代码实例给大家介绍HTML表格的相关知识,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享
查看更多