ASP.NET Web Pages - Muundo wa Fomu wa HTML

Muundo wa fomu (form) ni eneo ambao unaweza kuwanza ukurusha vifaa vya kuingia (ingia mbili, chochote, chochote na chochote) katika hatua ya HTML.

Kumekadiriwa kwa kumwengenea picha ya HTML

Razor 实例

<html>
<body> 
@{
if (IsPost) { 
string companyname = Request["companyname"]; 
string contactname = Request["contactname"]; 
<p>Umeingia: <br />
Jina la Corporation: @companyname <br />
Jina la Mwanachama wa Hatua: @contactname </p>
}
else
{
<form method="post" action="">
Jina la Corporation:<br />
<input type="text" name="CompanyName" value="" /><br />
Jina la Mwanachama wa Hatua:<br />
<input type="text" name="ContactName" value="" /><br /><br />
<input type="submit" value="Submit" class="submit" />
</form>
}
} 
</body> 
</html>

Kuendelea kwa mifano

Razor 实例 - Kuonyesha Picha

Tafadhali tukubali kwamba kuna picha tatu katika dosari yako ya picha na unataka kuonyesha picha hizi kwa sababu ya chaguo cha mtumiaji.

Inaweza kufanya hivyo kwa mwingine wa kwanza wa Razor.

Ikiwa jina la picha katika dosari ya picha wa tovuti ina jina "Photo1.jpg", unaweza kutumia kitambaa cha HTML <img> kusadika picha hii, kama hii:

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

Mfano wa ina mtaarifu kuhusu sababu ya kuonyesha picha iliyotumiwa na mtumiaji kutoka kwenye orodha ya kichwa:

Razor 实例

@{
var imagePath=""; 
if (Request["Choice"] != null)
   {imagePath="images/" + Request["Choice"];} 
} 
<!DOCTYPE html> 
<html> 
<body> 
<h1>Onyesha Picha</h1> 
<form method="post" action=""> 
Nimeendaona kuona: 
<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>

Kuendelea kwa mifano

Mifano ya maelezo

Mfumo haitumikiwa kwenye jina la imagePath kiwango.

Kwenye tovuti ya HTML kuna jina la Choice yaChagua kwa kutumia（<select> elementi）. Inaruhusiisha mwanasoma kuwaona jina la kina (muhimu: rahisi kureadika) (kama Photo1.jpg). Photo 1），kama tovuti inapakishwa kwenye mtandao wa web, jina la faili linatulewa kwa mfwendo (kama Photo1.jpg).

Razor inasaidia Request["Choice"] Kurea thamani ya Choice. Ikiwa thamani inahusishwa, kodi inakumaliza njia ya picha (images/Photo1.jpg) na kugawaza njia kwa variable. imagePath Kwani.

Mfumo wa <img> kwenye picha ya HTML inaonekana kwa picha hii. Wakati wa kumtaarifu picha, thamani ya src inatengenezwa kwa thamani ya variable imagePath.

Ikiwa thamani ya variable imagePath ina nafasi, itakusaidia kuingiliana kwa uonekana wa <img> kwa picha inayotumika (kama vile wakati wa kumtaarifu tovuti mara ya kwanza).