Como hacer Formulario HTML Para Enviar Informacion a un correo Compuesto por Nombre, Apellido, Direccion, Producto, Foto y Precio

marzo 01, 2023

 Para crear un formulario HTML para enviar información a un correo compuesto por Nombre, Apellido, Dirección, Producto, Foto y Precio, puedes seguir los siguientes pasos:



  1. Crea un archivo HTML y abre un editor de texto.

  2. Agrega la etiqueta form en el archivo HTML y establece los atributos method y action. El atributo method define cómo se enviará el formulario y el atributo action define a dónde se enviará la información. En este caso, utilizaremos el método "post" y la dirección de correo electrónico donde se enviará la información.

    perl
    <form method="post" action="mailto:tu_correo_electronico@dominio.com">

  3. Agrega los campos del formulario, incluyendo los campos para el Nombre, Apellido, Dirección, Producto, Foto y Precio. Puedes utilizar la etiqueta input para crear campos de entrada de texto, textarea para campos de texto más grandes, y input type="file" para permitir la carga de archivos.

    php
    <label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre"><br>

<label for="apellido">Apellido:</label>
<input type="text" id="apellido" name="apellido"><br>

<label for="direccion">Dirección:</label>
<textarea id="direccion" name="direccion"></textarea><br>

<label for="producto">Producto:</label>
<input type="text" id="producto" name="producto"><br>

<label for="foto">Foto:</label>
<input type="file" id="foto" name="foto"><br>

<label for="precio">Precio:</label>
<input type="text" id="precio" name="precio"><br>

  4. Agrega un botón de envío para permitir al usuario enviar la información.

    python
    <input type="submit" value="Enviar">

  5. Cierra la etiqueta form.

    bash
    </form>

El formulario completo se verá así:

php
<form method="post" action="mailto:tu_correo_electronico@dominio.com">
  <label for="nombre">Nombre:</label>
  <input type="text" id="nombre" name="nombre"><br>

  <label for="apellido">Apellido:</label>
  <input type="text" id="apellido" name="apellido"><br>

  <label for="direccion">Dirección:</label>
  <textarea id="direccion" name="direccion"></textarea><br>

  <label for="producto">Producto:</label>
  <input type="text" id="producto" name="producto"><br>

  <label for="foto">Foto:</label>
  <input type="file" id="foto" name="foto"><br>

  <label for="precio">Precio:</label>
  <input type="text" id="precio" name="precio"><br>

  <input type="submit" value="Enviar">
</form>

Cabe destacar que al utilizar el atributo action con el valor mailto, esto enviará la información del formulario directamente al correo electrónico indicado en el atributo, sin embargo, puede que algunos proveedores de correo electrónico no permitan recibir correos electrónicos de esta manera. En ese caso, puedes utilizar un script de servidor para procesar los datos del formulario y enviarlos por correo electrónico.

Post a Comment