ASP.NET-webbladsye - HTML-vorms
'n Vorm is 'n gedeelte van 'n HTML-dokument waar jy invoerkontroles plaas (tekskassies, merkblokkies, radioknoppies en aftreklyste).
Skep 'n HTML-invoerbladsy
Skeermes Voorbeeld
<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>
Skeermes Voorbeeld - Vertoon prente
Gestel jy het 3 beelde in jou beeldlêergids, en jy wil beelde dinamies vertoon volgens die gebruiker se keuse.
Dit word maklik gedoen deur 'n bietjie Razor-kode.
As jy 'n prent genaamd "Photo1.jpg" in jou prente-lêergids op jou webwerf het, kan jy die prent met 'n HTML <img>-element soos volg vertoon:
<img src="images/Photo1.jpg" alt="Sample" />
Die voorbeeld hieronder wys hoe om 'n geselekteerde prent te vertoon wat die gebruiker uit 'n aftreklys kies:
Skeermes Voorbeeld
@{
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>
Voorbeeld verduidelik
Die bediener skep 'n veranderlike genaamd imagePath .
Die HTML -bladsy het 'n aftreklys ('n <kies>-element) genaamd Choice . Dit laat die gebruiker 'n vriendelike naam kies (soos Foto 1 ), en gee 'n lêernaam (soos Photo1.jpg ) deur wanneer die bladsy by die webbediener ingedien word.
Die skeermes-kode lees die waarde van Keuse deur Versoek["Keuse"] . As dit 'n waarde het, bou die kode 'n pad na die beeld images/Photo1.jpg, en stoor dit in die veranderlike imagePath .
In die HTML-bladsy is daar 'n <img>-element om die prent te vertoon. Die src-kenmerk is ingestel op die waarde van die imagePath-veranderlike wanneer die bladsy vertoon word.
Die <img>-element is in 'n if-blok om te verhoed dat 'n prent sonder naam probeer vertoon word (soos die eerste keer dat die bladsy vertoon word).