Latest web development tutorials

formulario HTML páginas Web ASP.NET

Los formularios son documentos HTML para colocar los controles de entrada (cuadros de texto, casillas de verificación, botones de opción de la lista desplegable) partes.


Crear una entrada de página HTML

ejemplos de afeitar

<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>

Instancia en ejecución »


Razor ejemplo - imagen de la pantalla

Supongamos que hay tres imágenes de la carpeta de la imagen que desea mostrar imágenes de forma dinámica en base a la selección del usuario.

Esto se puede lograr por una simple pieza de código de la maquinilla de afeitar.

Si hay una imagen llamada "photo1.jpg" en la carpeta de imágenes de su sitio web, puede utilizar el elemento HTML <img> para mostrar una imagen, de la siguiente manera:

<img src="images/Photo1.jpg" alt="Sample" />

El siguiente ejemplo muestra cómo mostrar imágenes de los usuarios seleccionados de la siguiente lista:

ejemplos de afeitar

@{
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>

Instancia en ejecución »

Los ejemplos explicados

El servidor crea una variable llamadaimagePath.

página HTML tiene unalista desplegable de la llamada opción(elemento <select>). Permite a los usuarios de acuerdo a su propia voluntad, elegir un nombre (comola foto 1), cuando la página se envía al servidor Web, pasar un nombre de archivo (como photo1.jpg).

Código de afeitar porRequest [ "elección"] lee el valor de la opción.Si la ruta a través del código para construir la imagen (imágenes / photo1.jpg) efectiva, poner la ruta de la imagen asignada alimagePath variable.

página HTML, <img> se utiliza para mostrar la imagen. Cuando se muestra la página, el atributo src se utiliza para establecer el valor de la variable imagePath.

<Img> elemento se encuentra en un bloque si no es para evitar que el nombre de la imagen de visualización, por ejemplo, cuando se carga por primera vez aparece la página.