ASP.NET 網頁- HTML 表單簡介
導讀 | ASP.NET 網頁- HTML 表單是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 的 元素來顯示圖片,如下所示:
<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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- ASP.NET Web Forms – HTML 表單簡介ASP.NETWebORMHTML
- ASP.NET Web Forms – HTML 頁面簡介ASP.NETWebORMHTML
- HTML簡單網頁製作HTML網頁
- ASP.NET 網頁- WebMail 幫助器簡介ASP.NET網頁WebAI
- HTML簡單介紹HTML
- HTML 簡單介紹HTML
- ASP.NET 網頁- WebGrid 幫助器簡介ASP.NET網頁Web
- asp.net 簡單分頁列印ASP.NET
- 簡單網頁網頁
- ASP.NET Session簡單介紹ASP.NETSession
- 表單Form簡介——表單按鈕ORM
- Html完整表單頁面(註冊)HTML
- iOS使用webView載入HTML網頁連結簡單展示iOSWebViewHTML網頁
- Web網頁表單Web網頁
- 簡單介紹HTML5 LandmarkHTML
- html文件結構簡單介紹HTML
- HTML字元實體簡單介紹HTML字元
- html中註釋簡單介紹HTML
- HTML表單標籤詳解:如何用HTML標籤打造互動網頁?HTML網頁
- 瀏覽器將html程式碼渲染成頁面流程簡單介紹瀏覽器HTML
- ASP.NET Web Pages – 頁面佈局簡介ASP.NETWeb
- 網頁中使用css的幾種方式簡單介紹網頁CSS
- 表單驗證教程簡介
- HTML編碼規範簡單介紹HTML
- html-html簡介HTML
- HTML————1、HTML簡介HTML
- 網頁佈局------for表單網頁
- HTML簡介HTML
- 「HTML 」簡介HTML
- HTML 簡介HTML
- 為javaweb的頁面、html新增網站圖示簡單程式碼JavaWebHTML網站
- 簡單的網頁登入頁面網頁
- CSS實現的網頁柵格佈局簡單介紹CSS網頁
- 點選載入更多網頁內容效果簡單介紹網頁
- html5幾個簡單語法規則簡單介紹HTML
- javascript操作html元素屬性簡單介紹JavaScriptHTML
- form表單的onSubmit事件簡單介紹ORMMIT事件
- js如何阻止表單提交簡單介紹JS