ASP.NET వెబ్ పేజీలు - HTML ఫారమ్

ఫారమ్ (ఫార్ముల్) మీరు HTML డాక్యుమెంట్లో ఇన్పుట్ కంట్రోల్స్ (టెక్స్ట్ బక్స్, చెక్ బాక్స్, రేడియో బట్టన్స్ మరియు డ్రాప్ డౌన్ మెనూస్) పెట్టడానికి ఉపయోగించే స్థానం.

హైల్టెక్స్ట్ ఇంపుట్ పేజీ సృష్టించడం

Razor 实例

<html>
<body> 
@{
if (IsPost) { 
string companyname = Request["companyname"]; 
string contactname = Request["contactname"]; 
<p>You entered: <br />
కంపెనీ పేరు: @companyname <br />
సంప్రదించు పేరు: @contactname </p>
}
else
{
<form method="post" action="">
కంపెనీ పేరు:<br />
<input type="text" name="CompanyName" value="" /><br />
సంప్రదించు పేరు:<br />
<input type="text" name="ContactName" value="" /><br /><br />
<input type="submit" value="Submit" class="submit" />
</form>
}
} 
</body> 
</html>

ప్రసరణ ఉదాహరణ

Razor ఉదాహరణ - చిత్రాలను ప్రదర్శించడం

మీ చిత్రాల ఫోల్డర్లో మూడు చిత్రాలు ఉన్నాయి మరియు మీరు వినియోగదారుల యొక్క ఎంపికకు అనుగుణంగా చిత్రాలను డైనమికలీ ప్రదర్శించాలని కోరుకున్నారు అని భావించండి.

కొద్దిగా Razor కోడ్ ద్వారా సులభంగా ఇది చేయవచ్చు.

నుంచి "Photo1.jpg" అనే పేరున్న చిత్రం ఉన్నట్లయితే, మీరు ఈ మాదిరిగా HTML <img> ఎలమెంట్ ను ఉపయోగించవచ్చు:

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

ఈ ఉదాహరణ వినియోగదారులు దిగువన కొన్ని చేయించిన చిత్రాలను ప్రదర్శించడానికి ఎలా చేయాలో చూపుతుంది:

Razor 实例

@{
var imagePath=""; 
if (Request["Choice"] != null)
   {imagePath="images/" + Request["Choice"];} 
} 
<!DOCTYPE html> 
<html> 
<body> 
<h1>Display Images</h1> 
<form method="post" action=""> 
నేను చూడాలనుకుంటున్నాను: 
<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>

ప్రసరణ ఉదాహరణ

ఉదాహరణ గాను

సర్వర్ సృష్టిస్తుంది imagePath యొక్క

HTML పేజీలో పేరు ఉన్న వేరియబుల్ ఉంది Choice యొక్కడౌన్ లిస్ట్（<select> ఎలిమెంట్）. ఇది వినియోగదారుకు ఒక సులభంగా పఠించగలిగే పేరును (ఉదాహరణకు పఠించగలిగే పేరు) ఎంచుకోవడానికి అనుమతిస్తుంది Photo 1），పేజీ వెబ్ సర్వర్కు ప్రసిద్ధం చేయబడినప్పుడు, ఫైల్ పేరును (ఉదాహరణకు Photo1.jpg) సర్వర్కుకు పంపుతుంది.

Razor ద్వారా Request["Choice"] Choice యొక్క విలువను పఠించు. విలువ ఉన్నట్లయితే, కోడ్ చిత్రానికి సూచించే మార్గాన్ని నిర్మిస్తుంది (images/Photo1.jpg) మరియు మార్గాన్ని వేరియబుల్ లో నిల్వ చేస్తుంది imagePath మీదుగా.

HTML పేజీలో <img> ఎలిమెంట్ ఈ చిత్రాన్ని ప్రదర్శిస్తుంది. పేజీ ప్రదర్శించబడినప్పుడు, src అంశం ఇఫ్ వేరియబుల్ imagePath యొక్క విలువకు అంతరం పెట్టబడుతుంది.

ఇఫ్ వేరియబుల్ imagePath యొక్క విలువ ఖాళీగా ఉంది, అప్పుడు <img> ఎలిమెంట్ యొక్క లేని చిత్రాన్ని ప్రదర్శించకుండా నిరోధిస్తుంది (ఉదాహరణకు, పేజీ మొదటిసారి లోడ్ అయినప్పుడు).