📌  相关文章
📜  如何使用 Bootstrap 4 将两个输入框并排放置?

📅  最后修改于: 2021-11-06 11:33:26             🧑  作者: Mango

在本文中,我们将学习如何在 HTML 的一行中获取两个输入。 HTML 支持各种类型的输入,如文本、密码、日期时间、日期、时间、星期、数字、电子邮件等等。在各种情况下,我们必须在一行中或彼此相邻地接受多个输入,这可以通过 .input-group 和 inline 元素来实现。内联元素不会占用整行,而是根据需要占用尽可能多的宽度。

示例 1:在两个连续字段中输入。

html


  

    

  

    
                                                                   
  


html


  

    

  

    
                                      
  


html


  

    

  

    
        Between                               and                       
  


输出:

示例 2:将输入视为一行中的两个字段。

html



  

    

  

    
                                      
  

输出:

示例 3:在一行中输入带有混合标签的输入。

html



  

    

  

    
        Between                               and                       
  

输出: