如何在bootstrap中获取表单的同一输入字段中的两行数据

时间:2018-01-21 07:44:00

标签: jquery css

我正在尝试使用bootstrap,css和jquery开发这种表单字段但不能这样做。任何帮助将不胜感激two-row input text in same field。谢谢

1 个答案:

答案 0 :(得分:0)

您可以尝试使用此代码段。我使用了border-left来实现这个..

input[type=text],
#textarea {
  border-left: 6px solid green;
  border-radius: 4px;
  height: 4rem;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">


<div class="col-md-4 mb-3">
  <label>Username</label>
  <div class="form-group">

    <input type="text" multiple class="form-control" placeholder="Username" required>
    <br>
    <textarea id="textarea" name="Text" class="form-control" cols="40" rows="2" placeholder="Text Area"></textarea>

  </div>

</div>