purecss form

inline form

    

        
一个简单的单行表单

        
        

        
             记住我
        

        登录
    

results

image.png

    

        
一个简单的单行表单

        
        

        
             记住我
        

        登录
    

image.png

stackedform

    

        
A Stacked Form

        Email
        
        This is a required field.

        Password
        

        State
        
            AL
            CA
            IL
        

        
             Remember me
        

        Sign in
    

before purecss

image.png

after purecss

image.png

Aligned Form

before

image.png

after

image.png

grouped form

    

        
        
        
    

    

        
        
    

    Sign in

before

image.png

after

image.png

disabled inputs

before

image.png

after

image.png

image.png

rounded inputs

    
    Search

image.png

Checkboxes and Radios

    
        
        Here's option one.
    

    
        
        Here's a radio button. You can choose this one..
    

    
        
        ..Or this one!
    

before

image.png

after

image.png

ref

表单 - Pure | Pure中文站 | Purecss学习网