2017-09-04 3 views
-2

Ich möchte nur etwas Text neben meiner Eingabe hinzufügen.Etikett neben dem Eingabetext hinzufügen

Ich benutze Code-Zünder, hier ist meine Ansicht Code.

<div class="form-group" > 
        <label for="repbbpin" class="col-sm-2 text-left">Tinggi Badan :</label> 
        <div class="col-sm-5 text-left"> 
         <span ><input type="text" class="form-control" onchange="update_data()" name="tinggi_badan" value="<[email protected]$registration->tinggi_badan?>" > cm</span> 
        </div> 
       </div> 

Das Top-Code-Ergebnis "cm" liegt unter dem eingegebenen Text.

wird es gut sein, wenn Sie nur zusätzlichen Inline-Code verwenden.

das Ergebnis ich will, ist dies wie | --- Eingabetext --- | cm

+0

was tun was meinen Sie? willst du eine label zeigen den eingabetext wenn der user etwas eingibt? – Max

+0

Klingt wie css hier – Akintunde007

+0

das Ergebnis, das ich will, ist wie folgt: | --- Eingabe Text --- | cm. ja, aber ich wäre nett, wenn es Code inline hinzufügen div – Kelpie

Antwort

1

Versuchen Input-Addon mit Input-Gruppe mit

<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/

Verwandte Themen