Creación de Formularios en PHP con HTML y Bootstrap
Contenido del curso
Miguel Angel Muñoz Pozos
Luis Angel Avila Torres
Miguel Angel Muñoz Pozos
Carlos Eduardo Gomez García
Jhon Fabio Cardona Martinez
Manuel Angel Lemus Recinos
Jhon Fabio Cardona Martinez
Omar Villafuerte
Lorenzo Antonio Rojo Garces
Tomas Goldenberg
Axel David Espinosa Meneses
Manuel Ojeda
Franz Pool Nuñez Villazana
Victor Noguera
Luis Lira
max rioseco
Walter Omar Barrios Vazquez
Juan José del Aguila López
Cris Marilian Silva Castillo
Paul Cortes
Julian David Alzate Cuervo
Augusto Helard Flores Copa
Jimmy Buriticá Londoño
Jose Luis Barboza Gonzales
Franz Pool Nuñez Villazana
Luis Lira
Luis Cordero
Hola así quedaría
.png](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%20%28697%29-e9155bfa-0762-40c0-a897-7d71e29fefe0.jpg){kind=small}
<form action="{{ route('posts.store') }}" method="POST" enctype="multipart/form-data" > <div class="form-group"> <label for="title" class="font-weight-bold">Titulo *:</label> <input type="text" name="title" id="title" class="form-control" placeholder="Titulo" required> </div> <div class="form-group custom-file"> <input type="file" class="custom-file-input" name="image" id="image"> <label class="custom-file-label" for="image" data-browse="Elige una imagen"><i class="far fa-file-image"></i> Elige una imagen</label> </div> <div class="form-group"> <label for="body" class="font-weight-bold">Contenido *:</label> <textarea class="form-control" name="body" id="body" rows="5" required></textarea> </div> <div class="form-group"> <label for="iframe" class="font-weight-bold">Contenido embebido:</label> <textarea class="form-control" name="iframe" id="iframe"></textarea> </div> <div class="form-group text-center"> @csrf <input type="submit" value="Enviar" class="btn btn-outline-primary col-2 btn-lg"> </div> </form>
Está genial Miguel!!! Te quedó muy chevere el diseño.
¿Nos enseñas cómo configuras las clases custom-file-input y custom-file-label en tu CSS?
Hola bro no hice nada solo Use el BootstrapCDN y listo bro es lo único que hice
Recomiendo ponerle la clase "form-control-file" al input de tipo file para que Bootstrap le de algunos formatos igual:D
Si da un mejor aspecto en fórmulario.
buena
Para los que trabajan o desarrollan en VSCode recomiendo la extensión Bootstrap v4 Snippets Ayuda mucho en la maquetación.
excelente extensión, gracias por la recomendación
Gracias por la recomendación
Formulario de Creacion Ya tenemos el boton de crear blog con la ruta posts.create asi que debemos crear ese method en en el PostController 9 //ruta ya esta echa en el boton A)Controller B)Views A) "PostController.php" public function create() { //carpeta/archivo return view("posts.create"); } B) "Creamos /resources/views/posts/create.blade.php ```<form action="{{ route('posts.store') }}" method="POST" enctype="multipart/form-date" > <div class="form-group"> <label >Titulo *</label> <input type="text" name="titulo" class="form-control" required> </div> <div class="form-group"> <label >Image </label> <input type="file" name="file"> </div> <div class="form-group"> <label >Contenido *</label> <textarea name="body" required rows="6" class="form-control"></textarea> </div> <div class="form-group"> <label >Contenido embebido</label> <textarea name="iframe" class="form-control"></textarea> </div> <div class="form-group"> @csrf <input type="submit" value="Crear !" class="btn btn-sm btn-primary"> </div> </form>
En mi caso uso PHPStorm y cada que no sigo algún estándar o tengo un error el IDE me ayuda a identificarlo; entonces PHPStorm me marca como warning el retornar una vista ya que el parámetro definido en el phpdoc es un Response. Entonces, ¿las buenas practicas es retornar un Response o no importaría hacerle mucho caso al @return del phpdoc. ?
Más que nada es un estándar a seguir y tu linter te da la sugerencia, mientras no sea un error fatal no existe algún problema.
Puedes realizar los pasos como tu te sientas cómodo.
¿Cómo podría saber si ya se ha hecho login desde react para redireccionarlos a otra pagina si tratan de acceder a la pagina login?
Que implica usar:
enctype="multipart/form-data"
Le agregar cifrado al enviar el formulario o por que se deberia usar?.
Esta es al descripción de lo que hace según MDN
multipart/form-data: Cada valor es enviado como un dato de bloque ("input de un formulario"), con un delimitador como separador definido por el usuario ("espacio entre campos"). Éstas llaves son colocadas en el Content-Disposition , la cual es cómo está estructurada cada parte del HEADER en una petición HTTP
SI están en Laravel 8 + BS 5, para que se vea mejor espaciado, cada form-group se le puede agregar la clase mb-2:
<div class="form-group mb-2">
¡Qué buen recurso tener un listado de clases relacionadas! 👏👏👏
hasta ahora todo va muy bien, excelente didactica profe.
Excelente la creacion del formulario
Para que en el formulario se conserve el formato agreguen class="form-control" a la image
Excelente, todo muy bien
Formulario de creación funcionando. Vamos por mas.
following
Hice un formulario de inicio de sesión con react en mi proyecto. ¿Cómo haría que se conecte con el inicio de sesión de laravel?
Por medio de endpoints HTTP, si estás usando Laravel como API solamente tendrás que tener tu proyecto de backend corriendo y conectarte desde el frontend con los métodos http de siempre.
con el componente https://laravelcollective.com/ puedes crear el form de la siguiente forma
{!! Form::open([ 'method' => 'POST', 'url' => route('store'), 'class' => 'form-horizontal form-bordered', 'role' => 'form', 'files' => true, 'id' => 'form', ]) !!} {!! Form::close() !!}
