html5表单及新增改良元素的示例分析-创新互联

这篇文章主要介绍了html5表单及新增改良元素的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

示例：

    
    
        
            
            
        
        
          
            
                
            
             
          
            
                
                
            
          
            
            name:    
                
                
        
    
          
            
                
            文件:    
                
                
            
          
            
            提交到test2    
            提交到test    
            
          
            
          
            
                
            邮编：请输入6位数字    
                
                
            
          
            
          
        list属性：    
            
            第一    
            第二    
            三    
            
          
        
    
        输入一个字母与三个大写字母：    
            
            
          
        indeterminate    
          
        设置图片宽高:    
          
            
                
                
            
       
        url:    
        email:    
        date(谷歌浏览器)：    
        time(谷歌浏览器):    
        datetime-local:    
          
        step：    
        number:    
        range：    
        search:    
        tel:    
        color:    
            
        output元素的追加：    
            
            请选择一个值:    
            10    
            
        
    
    
    function setValue(){    
        var lable=document.getElementById("label");    
        var txtbox=lable.control;//通过control该属性来访问该表单元素    
        txtbox.value="213001";    
    }    
    //indeterminate测试设置为true    
    var cb=document.getElementById("cb");    
    cb.indeterminate=true;    
    //选择的值output输出    
    function out(){    
        Debug;    
        var number=document.getElementById("range").value;    
        document.getElementById("out").value=number;    
    }    

感谢你能够认真阅读完这篇文章，希望小编分享的“html5表单及新增改良元素的示例分析”这篇文章对大家有帮助，同时也希望大家多多支持创新互联网站建设公司，，关注创新互联行业资讯频道，更多相关知识等着你来学习!