Esta sección le explica el formulario HTML de páginas web ASP.NET.
Un formulario es la parte de un documento HTML donde se colocan los controles de entrada (cuadros de texto, casillas de verificación, botones de opción, listas desplegables).
Instancia de afeitar
<html> <cuerpo> @{if (IsPost) { cadena nombre de la empresa = Solicitud["nombre de la empresa"] cadena nombre de contacto = Solicitud["nombre de contacto"]; <p>Usted ingresó: <br /> Nombre de la empresa: @companyname <br /> Nombre de contacto: @contactname </p>}otro{ <form método="post" action=""> Nombre de la empresa:<br /> <input type="text" name="CompanyName" value="" /><br /> Nombre de contacto:<br /> <input type="text" name="ContactName" value="" /><br /><br /> <input type="enviar" valor="Enviar" /> </form> } } </cuerpo> </html>
Suponga que tiene 3 imágenes en su carpeta de imágenes y desea mostrar las imágenes dinámicamente según la selección del usuario.
Esto se puede lograr con un simple código Razor.
Si tiene una imagen llamada "Foto1.jpg" en la carpeta de imágenes de su sitio web, puede usar el elemento HTML <img> para mostrar la imagen, como se muestra a continuación:
<img src="imagenes/Foto1.jpg" />
El siguiente ejemplo demuestra cómo mostrar una imagen seleccionada por el usuario de la siguiente lista:
@{var imagePath=""; if (Solicitud["Elección"] != null){imagePath="images/" + Solicitud["Elección"];} } <!DOCTYPE html> <html> <body> <h1>Mostrar imágenes</h1> <form método="post" action=""> Quiero ver: <select name="Choice"> <option value=" Foto1.jpg">Foto 1</option> <option value="Photo2.jpg">Foto 2</option> <option value="Photo3.jpg">Foto 3</option> </select> <input tipo="enviar" valor="Enviar" /> @if (rutaimagen! = ""){ <p> <img src="@imagePath " /> </p>} </form> </body> </html>El servidor crea una variable llamada imagePath .
La página HTML tiene una lista desplegable (elemento <select>) denominada Choice . Permite al usuario elegir un nombre según sus propios deseos (como Foto 1 ), y cuando la página se envía al servidor web, se pasa un nombre de archivo (como Foto1.jpg ).
El código Razor lee el valor de Choice a través de Request["Choice"] . Si la ruta de la imagen (images/Photo1.jpg) construida mediante código es válida, asigne la ruta de la imagen a la variable imagePath .
En las páginas HTML, el elemento <img> se utiliza para mostrar imágenes. Cuando se muestra la página, el atributo src se utiliza para establecer el valor de la variable imagePath.
El elemento <img> está dentro de un bloque if. Esto es para evitar que la imagen se muestre sin un nombre, como cuando se carga la página por primera vez.