Can't put a button in front of the textbox in bootstrap

can definition
can verb
can synonym
can.'' acronym
can band
meaning of can in hindi
can is a verb or noun
can pronunciation

I am editing code and I want to put a horizontal button in the text box.

<div class="input-group">
    <label for="fname">First Name</label>
    <input type="text" class="form-control" id="fname" name="fname" placeholder="First Name" autocomplete="off">
    <span class="input-group-btn">
        <button class='btn btn-success' type="button" onclick="myFunction('fname')"><i class="fa fa-microphone"></i></button>
    </span>
</div>

But I am getting button a bit upper something like this

just bring out label:

<label for="fname">First Name</label>
<div class="input-group">
    <input type="text" class="form-control" id="fname" name="fname" placeholder="First Name" autocomplete="off" >
    <span class="input-group-btn">
        <button class ='btn btn-success' type="button" onclick="myFunction('fname')"><i class="fa fa-microphone"></i></button>
    </span>
</div>

Can, Can may refer to: Contents. 1 Containers; 2 Music; 3 Other; 4 See also. Containers[edit]. Aluminum can · Drink can · Oil can · Steel and tin cans · Trash can  Can definition, to be able to; have the ability, power, or skill to: She can solve the problem easily, I'm sure. See more.

You can just move the button before the textbox and after the label

<div class="input-group">
        <span class="input-group-btn">
          <label for="fname">First Name</label>
          <button class ='btn btn-success' type="button" onclick="myFunction('fname')"><i class="fa fa-microphone"></i></button>
        </span>
        <input type="text" class="form-control" id="fname" name="fname" placeholder="First Name" autocomplete="off" >
      </div>

You can see a working example here: http://jsfiddle.net/aq9Laaew/280547/

The Official CAN / Spoon Records Website, VerbEdit. can (third-person singular simple present can, present participle -, simple past could, past participle (obsolete except in adjectival use) couth). Define can. can synonyms, can pronunciation, can translation, English dictionary definition of can. to be able to, have the power or skill to: I can take a bus to the

<label for="fname">First Name</label>
<div class="input-group">
  <span class="input-group-btn">
   <button class='btn btn-success' type="button" onclick="myFunction('fname')">test</button>
  </span>
  <input type="text" class="form-control" id="fname" name="fname" placeholder="First Name" autocomplete="off">
</div>

Can, can meaning: 1. to be able to: 2. used to say that you can and will do something: 3. to be allowed to: . Learn more. can definition: 1. to be able to: 2. used to say that you can and will do something: 3. to be allowed to: . Learn more.

can, 1.4Used to indicate that something is typically the case. 'antique clocks can seem out of place in modern homes'. More example sentences. 110 synonyms of can from the Merriam-Webster Thesaurus, plus 97 related words, definitions, and antonyms. Find another word for can. Can: to bring (as an action or operation) to an immediate end.

CAN, Austin Rivers: NBA players can use money from season to support Black Lives Matter. play. The details behind Kyrie's plea for players to sit out the season (1:40​). Find the latest Canaan Inc. (CAN) stock quote, history, news and other vital information to help you with your stock trading and investing.

Can, can. (kæn). n. 1. a container, esp for liquids, usually of thin sheet metal: a petrol can;  Can (stylised as CAN) was a German experimental rock band formed in Cologne in 1968 by the core quartet of Holger Czukay (bass, tape editing), Irmin Schmidt (keyboards), Michael Karoli (guitar), and Jaki Liebezeit (drums).

Comments
  • I think you might have missed the 'code' button in the editor.
  • Hi there :) While this answer may solve the OP's problem, it would be great if it included an explanation of why it solves the OP's problem, so that the OP can have a solution and learn something from the experience. For example, you could say "note the change on the nth line, this is what makes the button show up in the right place"