5-5. 입력 그룹
■ 입력 그룹
클래스 .input-group은 입력 필드 앞이나 뒤에 "도움말 텍스트"로 아이콘, 텍스트 또는 버튼을 추가하여 입력을 향상시키기 위한 폼 컨트롤입니다.
지정된 도움말 텍스트에 스타일을 지정하려면 클래스 .input-group-text를 사용합니다.
<div class="container mt-3">
<h3>입력 그룹</h3>
<form>
<div class="input-group mb-3">
<span class="input-group-text">제목</span>
<input type="text" class="form-control" name="subject">
</div>
<div class="input-group mb-3">
<input type="text" class="form-control" name="find">
<span class="input-group-text">검색</span>
</div>
<button type="submit" class="btn btn-primary">확인</button>
</form>
</div>
ex5-11.html의 실행 결과
