Esta seção explica o formulário HTML das páginas da Web do ASP.NET.
Um formulário é a parte de um documento HTML onde os controles de entrada (caixas de texto, caixas de seleção, botões de opção, listas suspensas) são colocados.
Instância de barbear
<html> <body> @{if (IsPost) { string nomedaempresa = Solicitação["nomedaempresa"]; <p>Você digitou: <br /> Nome da empresa: @companyname <br /> Nome do contato: @contactname </p>}outro{ <form method="post" action=""> Nome da empresa:<br /> <input type="text" name="CompanyName" value="" /><br /> Nome do contato:<br /> <input type="text" name="Nome do contato" value="" /><br /><br /> <input type="submit" value="Enviar" /> </form> } } </body> </html>
Suponha que você tenha 3 imagens em sua pasta de imagens e queira exibi-las dinamicamente com base na seleção do usuário.
Isso pode ser conseguido com um simples código do Razor.
Se você tiver uma imagem chamada “Photo1.jpg” na pasta de imagens do seu site, poderá usar o elemento HTML <img> para exibir a imagem, conforme mostrado abaixo:
<img src="images/Photo1.jpg" />
O exemplo a seguir demonstra como exibir uma imagem selecionada pelo usuário na lista a seguir:
@{var imagePath=""; if (Request["Choice"] != null){imagePath="images/" + Request["Choice"];} } <!DOCTYPE html> <html> <body> <h1>Exibir imagens</h1> <form method="post" action=""> Quero ver: <select name="Choice"> <option value=" Photo1.jpg">Foto 1</option> <option value="Photo2.jpg">Foto 2</option> <option value="Photo3.jpg">Foto 3</option> </select> <input type="submit" value="Enviar" /> @if (imagePath != ""){ <p> <img src="@imagePath " /> </p>} </form> </body> </html>O servidor cria uma variável chamada imagePath .
A página HTML possui uma lista suspensa (elemento <select>) chamada Choice . Permite ao usuário escolher um nome de acordo com sua vontade (como Foto 1 ), e quando a página é submetida ao servidor Web, um nome de arquivo (como Foto1.jpg ) é passado.
O código Razor lê o valor de Choice por meio de Request["Choice"] . Se o caminho da imagem (images/Photo1.jpg) construído através do código for válido, atribua o caminho da imagem à variável imagePath .
Nas páginas HTML, o elemento <img> é usado para exibir imagens. Quando a página é exibida, o atributo src é usado para definir o valor da variável imagePath.
O elemento <img> está dentro de um bloco if. Isso evita que a imagem seja exibida sem nome, como quando a página é carregada pela primeira vez.