📜  如何使用Bootstrap 4将两个输入框彼此相邻放置?

📅  最后修改于: 2021-05-25 18:12:10             🧑  作者: Mango

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

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

html


  

    

  

    
                                                                   
  


html


  

    

  

    
                                      
  


html


  

    

  

    
        Between                               and                       
  


输出:

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

html



  

    

  

    
                                      
  

输出:

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

html



  

    

  

    
        Between                               and                       
  

输出: