ASP.NET 網頁- HTML 表單簡介

大雄45發表於2022-04-15
導讀 ASP.NET 網頁- HTML 表單是HTML 文件中放置輸入控制元件(文字框、表單、單選按鈕、下拉選單)的部分。

ASP.NET 網頁- HTML 表單簡介ASP.NET 網頁- HTML 表單簡介

建立一個 HTML 輸入頁面

剃刀例項

@{
if (IsPost) { 
string companyname = Request["companyname"]; 
string contactname = Request["contactname"]; 
<p>You entered: <br />
Company Name:  <br />
Contact Name:  </p><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>
Razor 例項 - 顯示影像

假想在您的影像中,有3張圖片,您想根據使用者的選擇動態地顯示影像。

這可以透過簡單的Razor 程式碼來實現。

如果在您網站的圖片資料夾中有一個名為“Photo1.jpg”的圖片,您可以使用 HTML 的 ASP.NET 網頁- HTML 表單簡介ASP.NET 網頁- HTML 表單簡介元素來顯示圖片,如下所示:

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

下面的例子演示瞭如何顯示使用者從下面列表中選擇的影像:

剃刀例項

<!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" /> 
<p>
<img src="" alt="Sample" />
</p>  </form> 
</body> 
</html>
例項解釋

建立了一個叫imagePath的變數。

HTML頁面有一個名稱 選擇 下拉選單 (<select>元素)。它允許使用者自己選擇一個名稱(如 照片1 ),當頁面被提交到Web伺服器時,則傳遞了一個檔名(如 照片1.jpg )。

Razor 程式碼透過 Request["Choice"] 讀取Choice的值。如果透過程式碼構建的影像路徑(images/Photo1.jpg)有效,將路徑賦予圖片給建立者 imagePath

在 HTML 頁面中,<img> 元素顯示圖片。當頁面顯示時,src 屬性設定圖片路徑變數的值。
<img>元素是在一個如果塊中,這是為了防止顯示沒有名稱的影像,例如第一頁面次被載入顯示的時候。

原文來自:

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69955379/viewspace-2840219/,如需轉載,請註明出處,否則將追究法律責任。

相關文章