HTML5--新增和改良的input元素类型


image

将图片从本地提交到服务器上。


    
        
         image demo
        
        
    
    
        

Url

输入正确网址才能提交,否则不能提交。


    
        
         url demo
        
        
    
    
        

email

输入正确邮箱地址才能提交,否则不能提交。


    
        
         email demo
        
        
    
    
        

date、time、datetime、datetime-local、month、week


    
        
         date demo
        
        
    
    
        
        
        
        
        
        
        
        
        
        
        
        
    


number

用于应该包含数值的输入域。


    
        
         number demo
        
        
    
    
        number简用
        

乘法运算


range与output

range:进度条。output:输出。以下示例为range与output混用。


    
        
        output demo
        
        
    
    
        
        
        
        
        
    


color

系统颜色选择器。


    
        
         color demo
        
        
    
    
        

你可能感兴趣的:(HTML5--新增和改良的input元素类型)