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