分享ASP.NET學習筆記(6)WebPages 表單
表單是 HTML 文件中放置輸入控制項(文字方塊、複選框、單選按鈕、下拉式清單)的部分。
建立一個HTML 輸入頁面
Razor# 實例
<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>
Razor 實例- 顯示圖片
#假設在您的圖像資料夾中有3 張圖像,您想根據使用者的選擇動態地顯示圖像。
這可以透過一段簡單的 Razor 程式碼來實現。
如果在您的網站的圖片資料夾中有一個名為"Photo1.jpg" 的映像,您可以使用HTML 的 元素來顯示映像,如下所示:
<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=""> 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>
實例解釋
伺服器建立了一個叫imagePath 的變數。
HTML 頁面有一個名為 Choice 的下拉清單(
Razor 程式碼透過 Request["Choice"] 讀取 Choice 的值。如果透過程式碼建構的圖像路徑(images/Photo1.jpg)有效,就把圖像路徑賦值給變數 imagePath。
在 HTML 頁面中, 元素用來顯示圖片。當頁面顯示時,src 屬性用來設定 imagePath 變數的值。
元素是在一個 if 區塊中,這是為了防止顯示沒有名稱的映像,例如頁面第一次載入顯示的時候。
【相關推薦】
2. 分享ASP.NET學習筆記(1) --WebPages Razor
3. 分享ASP.NET學習筆記(2)--WebPages 介紹
4. 分享ASP.NET學習筆記(3)WebPages 佈局
6. 分享ASP.NET學習筆記(5)全域頁面AppStart 和PageStart
以上是分享ASP.NET學習筆記(6)WebPages 表單的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

如何實現PHP表單提交後的頁面跳轉【簡介】在Web開發中,表單的提交是一項常見的功能需求。當使用者填寫完表單並點擊提交按鈕後,通常需要將表單資料傳送至伺服器進行處理,並在處理完後將使用者重新導向至另一個頁面。本文將介紹如何使用PHP來實現表單提交後的頁面跳躍。 【步驟一:HTML表單】首先,我們需要在HTML頁面中撰寫一個包含表單的頁面,以便使用者填寫需要提交的資料。

如何使用JavaScript實作表單的輸入框內容自動提示功能?簡介:表單的輸入框內容自動提示功能在網頁應用程式中非常常見,它可以幫助使用者快速輸入正確的內容。本文將介紹如何使用JavaScript實作此功能,並提供具體的程式碼範例。在建立HTML結構首先,我們需要建立一個包含輸入框和自動提示清單的HTML結構。可以使用以下程式碼:<!DOCTYP

如何處理PHP表單中的使用者權限管理隨著Web應用程式的不斷發展,使用者權限管理是重要的功能之一。使用者權限管理可以控制使用者在應用程式中的操作權限,確保資料的安全性和合法性。在PHP表單中,使用者權限管理可以透過一些簡單的程式碼來實現。本文將介紹如何處理PHP表單中的使用者權限管理,並給予對應的程式碼範例。一、使用者角色的定義與管理首先,將使用者角色定義與管理是使用者權

如何使用JavaScript實作表單的輸入框內容即時校驗功能?在許多網頁應用程式中,表單是使用者與系統之間最常用的互動方式。然而,使用者輸入的內容往往需要進行有效性校驗,以確保資料的準確性和完整性。在這篇文章中,我們將學習如何使用JavaScript實作表單的輸入框內容即時校驗功能,並提供具體的程式碼範例。在建立表單首先,我們需要在HTML中建立一個簡單的表

如何使用HTML、CSS和jQuery實現表單自動保存的高級功能在現代網頁應用中,表單是非常常見的元素之一。當使用者在輸入表單資料時,如何能夠實現自動儲存的功能,不僅可以提高使用者的使用體驗,也能確保資料的安全性。本文將介紹如何使用HTML、CSS和jQuery來實作表單的自動儲存功能,並附上具體的程式碼範例。一、HTML表單的結構建構我們先來建立一個簡單的HT

PHP表單處理:表單資料查詢與篩選引言在網路開發中,表單是一種重要的互動方式,使用者可以透過表單向伺服器提交資料並進行進一步的處理。本文將介紹如何使用PHP處理表單資料的查詢與篩選功能。表單的設計與提交首先,我們需要設計一個包含查詢與篩選功能的表單。常見的表單元素包括輸入框、下拉清單、單選框、複選框等,根據具體需求進行設計。用戶在提交表單時,會將資料以POS

Java實作表單的即時驗證與提示功能隨著網路應用的普及和發展,表單的使用也變得越來越重要。表單是網頁中用於收集和提交使用者資料的元素,例如註冊或登入頁面的表單。當使用者填寫表單時,經常需要對其輸入的資料進行驗證和提示,以確保資料的正確性和完整性。在本文中,我們將介紹如何使用Java語言實作表單的即時驗證與提示功能。 HTML表單的建置首先,我們需要使用HTML語言

在編寫網站或應用程式時,表單是不可或缺的一部分。 Laravel作為一個流行的PHP框架,提供了豐富而強大的表單類,使得表單處理變得更加簡單和高效。本文將介紹一些Laravel表單類別的使用技巧,幫助你提升開發效率。下面透過具體的程式碼範例來詳細講解。建立表單要在Laravel中建立表單,首先需要在檢視中編寫對應的HTML表單。在處理表單時,可以使用Laravel
