Semantic UI 之 表单 form

网页代码框架

    
        
        表单
        
        
        
    
    
        
            
               
               
     
                提交
            
        
        
            $(".ui.dropdown").dropdown();
            $(".ui.radio.checkbox").checkbox();
            $(".ui.checkbox").checkbox();
        
    

各种表单元素 文本输入框

 
    姓名
    


    昵称
    


    电话
    


    
        公司邮箱
        
    
    
        个人邮箱(禁用)
        
    


    
        生日
        
    
    
        年龄(只读)
        
    

效果：

下拉列表

 
    
        国家
        
            请选择国家
            中国
            美国
        
    
    
        国家
        
            
            
            请选择语言
            
                JavaScript
                Java
                Python
                Cshap
            
        
    

效果：

单选按钮

    支付方式：
    
        
            
            支付宝
        
    
    
        
            
            wechat
        
    

效果：

多选按钮

    兴趣爱好：
    
        
            
            游泳
        
    
    
        
            
            跑步
        
    
    
        
            
            跳高
        
    

效果：