引导输入 - 芒果文档

📌 相关文章

📜 引导输入

📅 最后修改于: 2020-12-19 02:50:01 🧑 作者: Mango

自举输入

自举输入类型

输入类型：复选框

输入类型：单选按钮

引导复选框

复选框可帮助您从当前选项列表中选择任意数量的选项。

请参阅以下示例：

 


  Bootstrap Example
  
  
  
 




  Input type: checkbox
  
    
      Option 1
    
    
      Option 2

如果希望复选框显示在同一行上，请使用.checkbox-inline类：

请参阅以下示例：




  Bootstrap Example
  
  
  
  




  Inline checkbox
  The following checkboxes appear in the same line :
  
    
      Option 1
    
    
      Option 2

引导单选按钮

单选按钮还可以帮助您从当前选项列表中选择任意数量的选项。

请参阅以下示例：




  Bootstrap Example
  
  
  
  



  Input type: Radio buttons
  
  
    
      Option 1
    
    
      Option 2

如果您希望单选按钮出现在同一行上，请使用.radio-inline类：

请参阅以下示例：




  Bootstrap Example
  
  
  
  




  Inline radio buttons
  The following radio boxes appear in the same line:
  
    
      Option 1
    
    
      Option 2

自举4输入

Bootstrap 4支持以下类型的表单控件：

输入
文本区域
复选框
无线电
选择

自举输入

Bootstrap支持所有HTML5输入类型：文本，密码，日期时间，本地日期时间，日期，月份，时间，星期，数字，电子邮件，URL，搜索，电话和颜色。

注意：如果输入的类型未正确声明，则输入的样式将不完全！

例：




  Bootstrap Example
  
  
  
  
  
  



  Form control: input example
  
    
      Name:
      
    
    
      Password:

Bootstrap Textarea

将textarea与“ form-control”一起使用以创建Bootstrap textarea。

例：




  Bootstrap Example
  
  
  
  
  
  



  Form control: textarea
  The form below contains a textarea for comments:
  
    
      Comment:

引导程序选择列表

引导程序选择列表用于选择单个或多个列表。如果要允许用户选择多个选项，则使用选择列表。

例：




  Bootstrap Example
  
  
  
  
  
  



  Form control: select
  The form below contains two dropdown menus (select lists):
  
    
      Select list (select one):
      
      

      Mutiple select list (hold shift to select more than one):