elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: (TUTORIAL) Aprende a emular Sentinel Dongle By Yapis


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Como crear un formulario de comentarios para tu web
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Como crear un formulario de comentarios para tu web  (Leído 404 veces)
AlbertoBSD
Programador y
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.605


🏴 Libertad!!!!!


Ver Perfil WWW
Como crear un formulario de comentarios para tu web
« en: 13 Diciembre 2019, 05:09 am »

Funte: Como crear un formulario de comentarios para tu web

Pues nada lo primero es tener el Formulario en HTML.
Posterior mente el javascript para validar el formulario antes de enviarlo
El script en el Backend para volver a validar los datos.
El metodo de almacenamiento del comentario (Base de datos)
Un sistema para evitar que saturen de comentarios basura
Y al final pero mas importante EVITAR SER HACKEADO (xss, sql, file inclusion etc etc etc etc etc)

El codigo en HTML para el formulario utilizando Boostrap:
Código
  1. <h4>Deja un comentario</h4>
  2. <p></small>Tu dirección de correo electrónico no será publicada. <b>Los campos obligatorios están marcados con *</b></small></p>
  3. <div class="form-group">
  4. <label for="exampleInputUsername">Nombre *</label>
  5. <input type="text" class="form-control" id="exampleInputUsername" aria-describedby="usernameHelp">
  6. <small id="usernameHelp" class="form-text text-muted">Nombre para mostrar, este campo si va a ser mostrado</small>
  7. </div>
  8. <div class="form-group">
  9. <label for="exampleInputEmail">Correo Electronico *</label>
  10. <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
  11. <small id="emailHelp" class="form-text text-muted">Tu direccion de correo electronico no sera publicada</small>
  12. </div>
  13. <div class="form-group">
  14. <label for="exampleInputWEB">WEB *</label>
  15. <input type="text" class="form-control" id="exampleInputWEB" aria-describedby="webHelp">
  16. <small id="webHelp" class="form-text text-muted">Direccion WEB Segura valida ejemplo: https://www.example.com/</small>
  17. </div>
  18. <div class="form-group">
  19. <label for="exampleTextAreaComentario">Comentario *</label>
  20. <textarea class="form-control" id="exampleTextAreaComentario" rows="5" aria-describedby="comentarioHelp"></textarea>
  21. <small id="comentarioHelp" class="form-text text-muted">Todos los comentarios seran moderados antes de ser publicados</small>
  22. </div>
  23. <div class="form-group form-check">
  24. <input type="checkbox" class="form-check-input" id="exampleCheckboxSubscribe">
  25. <label class="form-check-label" for="exampleCheckboxSubscribe">Recibir notificaciones de Respuestas a tus comentarios</label>
  26. </div>
  27. <button type="button" class="btn btn-primary">Publicar Comentario</button>
  28. <button type="button" class="btn btn-secondary">Vista Previa</button>
  29. <div id="comentario_vista_previa">
  30. </div>
  31.  
  32.  


Resultado:




En línea

Donaciones
1Coffee1jV4gB5gaXfHgSHDz9xx9QSECVW
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Programa para crear videos con comentarios ¿??
Multimedia
1mpuls0 5 3,273 Último mensaje 3 Abril 2010, 15:34 pm
por Songoku
¿Como crear un formulario php?
PHP
Uruk84 3 2,119 Último mensaje 15 Octubre 2011, 19:08 pm
por Graphixx
Como Crear un Formulario de Apariencia
.NET (C#, VB.NET, ASP)
GarnoX 0 1,026 Último mensaje 16 Marzo 2013, 02:26 am
por GarnoX
¿Cómo crear un nuevo botón en cuadro de comentarios?
Desarrollo Web
curiosport 7 2,345 Último mensaje 27 Septiembre 2015, 00:00 am
por curiosport
Conectarse a Proxys para crear comentarios en google places
Redes
Beltzator 0 910 Último mensaje 14 Febrero 2017, 17:48 pm
por Beltzator
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines