modulo Web ASP.NET pagine HTML
I moduli sono documenti HTML per posizionare controlli di input (caselle di testo, caselle di controllo, pulsanti di opzione, elenco a discesa) parti.
Creare un ingresso pagina HTML
Esempi di Razor
<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>
esempio »Esecuzione
Razor esempio - immagine visualizzata
Supponiamo che ci siano tre immagini nella cartella immagine che si desidera visualizzare le immagini in modo dinamico in base alla selezione dell'utente.
Ciò può essere ottenuto mediante un semplice pezzo di codice rasoio.
Se vi è un quadro chiamato "photo1.jpg" nella cartella delle immagini del sito, è possibile utilizzare l'elemento HTML <img> per visualizzare un'immagine, come segue:
L'esempio seguente mostra come visualizzare immagini selezionate dall'utente dal seguente elenco:
Esempi di Razor
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>
esempio »Esecuzione
Esempi spiegato
Il server crea una variabile chiamataimagePath.
pagina HTML ha unelenco a discesa di nome Choice(<select> elemento). Esso consente agli utenti in base alla loro sceglierà un nome (ad esempiofoto 1), quando la pagina viene inviato al server Web, passare un nome di file (come photo1.jpg).
Razor Codice daRequest [ "Scelta"] legge il valore della scelta.Se il percorso attraverso il codice per creare l'immagine (immagini / photo1.jpg) efficace, mettere il percorso dell'immagine assegnato allaimagePath variabile.
pagina HTML, <img> elemento viene utilizzato per visualizzare l'immagine. Quando viene visualizzata la pagina, attributo src viene utilizzato per impostare il valore della variabile imagePath.
<Img> elemento è in un blocco se non è da escludere che il nome immagine del display, ad esempio quando viene prima caricata visualizzata la pagina.