📌  相关文章
📜  Materialize-形式

📅  最后修改于: 2020-10-22 08:27:52             🧑  作者: Mango

 

Materialize具有用于表单设计的非常漂亮且响应迅速的CSS。使用以下CSS-

Sr.No. Class Name & Description
1 input-field

Sets the div container as an input field container. Required.
2 validate

Adds validation styles to an input field.
3 active

Shows an input with active style.
4 materialize-textarea

Used to style a text-area. Text-areas will auto resize to the text inside.
5 filled-in

Shows a checkbox with filled box style.

例

下面的示例演示如何使用输入类来展示示例表单。

materialize_forms.htm

The Materialize Form Example
            
      
      
                 
       
   
   
      
      

         

            

               

                  account_circle
                  
                  
               

               
               
      
                  
                            
               

            

            
            

               

                  
                  
               

            

            
            

               

                  mode_edit

结果

验证结果。

重要输入控件

Materialize为多种类型的输入控件提供CSS。下表详细信息相同。

Sr.No. Input Type Name & Description
1 Select

Various types of selects inputs
2 Switches

Various types of switches
3 File

Various types of file inputs
4 Range

Various types of range inputs
5 Date Picker

Date Picker
6 Character Counter

Character Counter