Company logo
  • Empleos
  • Bootcamp
  • Acerca de nosotros
  • Para profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
    • Bootcamp
  • Para empresas
    • Inicio
    • Nuestro proceso
    • Planes
    • Pruebas
    • Nómina
    • Blog
    • Calculadora

0

58
Vistas
How to have a form button placed outside the form tag?

I have a modal with the body section containing input fields as so:

<div className="modal" id="myModal3">
                <div className="modal-dialog">
                    <div className="modal-content">
                        
                        <div className="modal-header d-flex flex-column align-self-center">
                            <h3 className="text-center mt-2">Add New Contact</h3>
                        </div>
                    
                        <div>
                            <form className="mt-2" onSubmit={onSubmitForm2}>
                                <div className="px-5">                       
                                <label htmlFor="contactName">Contact Name</label>
                                <input
                                id="contactName" 
                                type="text" 
                                className="form-control" 
                                value={scontact_name}
                                onChange={e => setName(e.target.value)}
                                /></div> 
                                <button className="btn btn-success">Add</button>
                            </form>
                        </div>
                    
                    
                        <div className="modal-footer">
                            <button type="button" className="btn btn-success" data-dismiss="modal">Add new Contact</button>
                            <button type="button" className="btn btn-danger" data-dismiss="modal">Close</button>
                            
                        </div>
                    </div>
                </div>
            </div>

I want to move form button into the modal footer, but the actual form is placed in the body. How do I move the button to the footer area while still having it function?

7 months ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar empleo Planes Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2023 PeakU Inc. All Rights Reserved.