How to get drop down list inside custom input text

Question

<div class="row">
  <div class="col-11">
    <input type="password" class="form-control"  placeholder="Your lastname" id="pwd">
  </div>
  <div class="col-1">
    <div class="dropdown">
      <button class="dropdown-toggle" type="button" id="about-us" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      </button>
      <div class="dropdown-menu" aria-labelledby="">
        <a class="dropdown-item" href="#">Male</a>
        <a class="dropdown-item" href="#">Female</a>
      </div>
    </div>
  </div>
</div>

I want to get drop down list inside input text field like in the image using bootstrap,but i am not able to get it, though i tried hard, And sorry if seems silly question as i am new to designing ,your help would be much appreciated, Thanks in advance.

you wont get an answer unless posting some code you've tried — It worked yesterday., Jun 22 '18 at 05:34
you can go through this link [enter link description here](https://stackoverflow.com/questions/18309059/drop-down-menu-text-field-in-one) — Pint Raj, Jun 22 '18 at 05:38
@kumarSikandar have you tried this. `is this what you want` https://www.w3schools.com/tags/tag_select.asp — sanoj lawrence, Jun 22 '18 at 06:21
read this Bootstrap [Docs](https://getbootstrap.com/docs/4.0/components/dropdowns/) — Sfili_81, Jun 22 '18 at 06:56

score 0 · Answer 1 · answered Jun 22 '18 at 10:59

I'm not sure what you mean by this but i think what you're looking for is the following:

 <select>
  <option value="value1">value1</option>
  <option value="value2">value2</option>
  <option value="value3">value3</option>
  <option value="value4">value4</option>
</select>

Read up on it here.

How to get drop down list inside custom input text

1 Answers1