Un formulario es una sección de un documento HTML donde pones los controles de entrada (text boxes, check boxes, radio buttons, and pull-down lists)
Creación de una entrada de página HTML
Razor Ejemplo
<html>
<body>
@{
if (IsPost) {
string companyname = Request["CompanyName"];
string contactname = Request["ContactName"];
<p>You entered: <br />
Company Name: @companyname <br />
Contact Name: @contactname </p>
}
else
{
<form method="post" action="">
Company Name:<br />
<input type="text" name="CompanyName" value="" /><br />
Contact Name:<br />
<input type="text" name="ContactName" value="" /><br /><br />
<input type="submit" value="Submit" class="submit" />
</form>
}
}
</body>
</html> Ejecutar ejemplo » Razor Ejemplo - Visualización de imágenes
Suponga que tiene 3 imágenes en la carpeta de imágenes y desea mostrar imágenes de forma dinámica por la elección de los usuarios.
Esto se hace fácilmente con un poco de Razor código.
Si usted tiene una imagen llamada "Photo1.jpg" en la carpeta de imágenes en su sitio web, puede mostrar la imagen utilizando un HTML <img> elemento de la siguiente manera:
<img src="images/Photo1.jpg" alt="Sample" />
El siguiente ejemplo muestra cómo mostrar una imagen seleccionada que el usuario selecciona de una lista desplegable:
Razor Ejemplo
@{
var imagePath="";
if (Request["Choice"] != null)
{imagePath="images/" + Request["Choice"];}
}
<!DOCTYPE html>
<html>
<body>
<h1>Display Images</h1>
<form method="post" action="">
I want to see:
<select name="Choice">
<option value="Photo1.jpg">Photo 1</option>
<option value="Photo2.jpg">Photo 2</option>
<option value="Photo3.jpg">Photo 3</option>
</select>
<input type="submit" value="Submit" />
@if (imagePath != "")
{
<p>
<img src=" @imagePath " alt="Sample" />
</p>
}
</form>
</body>
</html>
Ejecutar ejemplo » Ejemplo explicó
El servidor crea una variable llamada imagePath .
La página HTML tiene una drop-down list (a <select> element) llamado Choice . Que permite al usuario seleccionar un nombre descriptivo (like Photo 1 ) , y pasa un nombre de archivo (like Photo1.jpg ) cuando la página se envía al servidor web.
La Razor código lee el valor de la opción de Request["Choice"] . Si tiene un valor del código construye una ruta a la imagen (imágenes / photo1.jpg, y lo almacena en la variable imagePath .
En la página HTML hay un <img> elemento para mostrar la imagen. El src atributo se establece en el valor de la variable imagePath Cuando aparezca la página.
La <img> elemento se encuentra en un bloque if para evitar que intenta mostrar una imagen sin nombre (al igual que la primera vez que se muestra la página.