HTML5表单相关元素和属性有哪些-创新互联

小编给大家分享一下HTML5表单相关元素和属性有哪些，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

    
    


    
        单行文本框：

        密码框：

        隐藏域：

        第一组单选框：

        
        
        

        第二个单选框：

        
        

        两个复选框：

        
        

        文件上传域：

        图像域：

        下面是四个按钮：

        
        
        
        
    

:

让标签和表单控件关联有两种方式：

隐式使用for属性：for属性为所关联表单控件的id属性值。（推荐使用）

显示关联：将普通文本、表单控件一起放在元素内部即可。

        单行文本框：
        

        密码框：

        
    

:

内部可以包含普通文本、文本格式化标签、图像等内容，功能比input按钮更丰富。

元素可以指定id、style、class等核心属性，还可以指定onclick等事件响应属性。除此之外还可以指定如下属性：

disabled：是否禁用按钮。

name：指定按钮唯一的名称。

type：指定该按钮属于哪种按钮，属性值只能为button、reset或submit。

value：指定该按钮的初始值。

        提交

        
    

:可以指定id、style、class等核心属性，该元素仅可以指定onchange事件属性。除此之外还可以指定如下属性：disabled：设置禁用该列表框和下拉菜单。multiple：设置多选。size：指定该列表框可以同时显示多个列表项。元素里，只能包含如下两种元素：

：用来定义列表项和菜单项。

：用来定义列表项和菜单项组，该元素只能包含子元素。

:</strong></p><p><textarea/>元素可以指定id、style、class等核心属性，还可以指定onclick、onselect、onchange事件属性。除此之外，该元素也可以指定如下几个属性：</p><p>cols：指定文本域的宽度。</p><p>rows：指定文本域的高度。</p><p>disabled：禁用该文本域。</p><p>readonly：指定文本只读。</p><p>以上是“HTML5表单相关元素和属性有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！</p><p align=center>另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、<a href="https://www.cdcxhl.com/gaofang/" target="_blank">高防服务器</a>、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。</p> <br> 文章标题：HTML5表单相关元素和属性有哪些-创新互联 <br> 网页网址：<a href="http://www.zsjierui.cn/article/dcoehp.html">http://www.zsjierui.cn/article/dcoehp.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dopdghs.html">Linux./命令 linux命令区分大小写</a> </li><li> <a href="/article/dopdjsc.html">Linux7中防火墙命令 linux 7 防火墙</a> </li><li> <a href="/article/dopdjih.html">用go语言编程的利与弊 go语言用什么编程软件</a> </li><li> <a href="/article/dopdjsj.html">php取数据库上次登录 php用户登录界面连接数据库</a> </li><li> <a href="/article/dopdjoi.html">帝国cms安装没找到 帝国cms模板安装教程</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上美图齐众。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"> 提交需求