物化 CSS 选择

Materialise 提供了一个选择功能来创建可以轻松选择的选项，以便为 Web 表单提供更多信息。以下是不同的选择功能：

• 简单的选择选项：允许从选择下拉列表中选择一个选项。为此，使用 和 标签。
  select dropdown with multiple selections：允许从选择下拉列表中选择多个选项。为此，在
  标签中使用了多个属性。
• 带有选项组的选择下拉列表：允许从列表中选择是基于选择下拉列表的类别。
• 选择带有图像的下拉菜单：允许显示带有选项的图像。
• 选择带有浏览器默认值的下拉列表：它可以与选择标签中的默认类一起使用。

禁用样式：

Materialise select 提供了有其自身用途的禁用功能。要使整个内容无法选择，请将 disabled 属性添加到 select 元素并禁用单个选项，然后将disabled添加到选项。

例子：

html

    
        
        
 
        
        
        
      
        
      
 
        
        
    
 
    
        
            
                
                    Select
                    
                        
                            
                              Select Topic
                          
                            
                              Machine Learning
                            
                              Web Development
                            
                              Language
                        
                    
                
 
                
                    Multi Select
                    
                        
                          Select Topic
                        
                          Machine Learning
                        
                          Web Development
                        
                          Language
                    
                
 
                
                    Select with Optgroup
                    
                        
                            
                              HTML
                            
                              CSS
                            
                              JavaScript
                        
 
                        
                            
                              Python
                            
                              C
                            
                              Java
                        
                    
                
 
                
                    Select with images
                    
                        
                          Select Technology
                         HTML
                        JavaScript
                        CSS
                    
                
 
                
                    Browser default Select
                    
                        
                          Select Topic
                        
                          Machine Learning
                        
                          Web Development
                        
                          Language
                    
                
 
                
                    
                      Disabled Materialize Select
                    
                      Disabled Materialize Select
                    
                        
                          Select Topic
                        
                          Machine Learning
                        
                          Web Development
                        
                          Language
                    
                
 
                
                    Disabled Browser
                      default Select
                    
                        
                          Select Topic
                        
                          Machine Learning
                        
                          Web Development
                        
                          Language
                    
                
            
        
 
        
            $(document).ready(function () {
                $("select").material_select();
            });
        
        
        
      
    

输出：