Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

117
Views
¿Cómo agregar un campo desplegable y un campo editable dentro de un cuadro?

Quiero agregar diferentes controles (campo desplegable y campo de texto editable) dentro de un cuadro como se muestra en la imagen. ¿Cómo puedo conseguir esto? ingrese la descripción de la imagen aquí

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Aquí tienes. Ejemplo de jsFiddle de trabajo https://jsfiddle.net/utnw34d7/

 .wrapper { background-color: #eaeaea; box-shadow: 1px 2px 3px 0px; } .customBox { background-color: white; box-shadow: -1px 2px 3px -2px; } <div class="row m-4"> <div class="col-12 border p-4 wrapper"> <div class="row customBox"> <label class="fw-bold col-form-label col-auto" for="select1">Dropdown 1:</label> <div class="col"> <select id="select1" class="border-0 form-select"> <option>Select</option> <option>...</option> </select> </div> </div> <div class="row customBox mt-3"> <label class="fw-bold col-form-label col-auto" for="select2">Dropdown 2:</label> <div class="col"> <select id="select2" class="border-0 form-select"> <option>Select</option> <option>...</option> </select> </div> </div> <div class="row customBox mt-3"> <label class="fw-bold col-form-label col-auto" for="text1">Label 1:</label> <div class="col"> <input id="text1" class="border-0 form-control" type="text" value="label1"> </div> </div> <div class="row"> <div class="col-auto ms-auto"> <a href="#" class="fw-bold text-dark text-decoration-none">+ Add New</a> </div> </div> <div class="row customBox mt-3"> <label class="fw-bold col-form-label col-auto" for="text2">Label 2:</label> <div class="col"> <input id="text2" class="border-0 form-control" type="text" value="label2"> </div> </div> <div class="row"> <div class="col-auto ms-auto"> <a href="#" class="fw-bold text-dark text-decoration-none">+ Add New</a> </div> </div> </div> </div> <div class="row mt-4"> <div class="col-auto mx-auto"> <button class="btn btn-primary me-2">Button 1</button> <button class="btn btn-primary ms-2">Button 2</button> </div> </div>
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!