입력 텍스트 양식 옆에 레이블 추가

Question

입력 한 내용 옆에 텍스트를 추가하고 싶습니다.

메신저 코드 점화 장치를 사용하여 여기에 내보기 코드입니다.

"cm"은 입력 텍스트 아래에 있습니다.

추가 인라인 코드 만 사용하면 좋을 것입니다.

내가 원하는 결과는 다음과 같다 | --- 입력 텍스트 --- | cm

Answer 1

입력 그룹 입력 부가 기능을 사용해보십시오

<div class="form-group"> 
    <label for="repbbpin" class="col-sm-2 text-left">Tinggi Badan :</label> 
    <div class="col-sm-5 text-left"> 
    <div class="input-group"> 
    <input type="text" class="form-control" onchange="update_data()" name="tinggi_badan" placeHolder="input text" ><span class="input-group-addon"> cm</span> 
    </div> 
    </div> 
</div> 

DEMO : 무엇을 https://jsfiddle.net/michaelyuen/crvzn2Lq/