ASP.NET 튜토리얼login
ASP.NET 튜토리얼
작가:php.cn  업데이트 시간:2022-04-11 14:18:18

웹페이지 양식


ASP.NET 웹 페이지 - HTML 양식


양식은 입력 컨트롤(텍스트 상자, 확인란, 라디오 버튼, 드롭다운 목록)이 배치되는 HTML 문서의 일부입니다. HTML 입력 페이지를 생성하십시오. Razor 인스턴스 인스턴스»는지 인스턴스 실행 "버튼 온라인 인스턴스를 볼 수 있도록"실행 "버튼 - 이미지에 이미지


assume 디스플레이 폴더에는 3개의 이미지가 있고 사용자의 선택에 따라 이미지를 동적으로 표시하려고 합니다.

이는 간단한 Razor 코드로 달성할 수 있습니다.

웹 사이트의 이미지 폴더에 "Photo1.jpg"라는 이미지가 있는 경우 다음과 같이 HTML <img> 요소를 사용하여 이미지를 표시할 수 있습니다.

<img src= "../style /images/Photo1.jpg" alt="Sample" />
다음 예는 다음 목록에서 사용자가 선택한 이미지를 표시하는 방법을 보여줍니다.

Example

<!DOCTYPE html>
<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><br>
<input type="text" name="ContactName" value=""><br><br>
<input type="submit" value="Submit" class="submit">
</form> 
}
} 
</body> 
</html>

예제 실행 »

온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요

예제 설명
서버가
imagePath
라는 변수를 생성했습니다.

HTML 페이지에는
Choice

라는

드롭다운 목록
(<select> 요소)이 있습니다. 이를 통해 사용자는 자신이 선택한 이름(예:
Photo 1
)을 선택할 수 있으며 페이지가 웹 서버에 제출되면 파일 이름이 전달됩니다(예: Photo1.jpg).

Razor 코드는
Request["Choice"]

를 통해 Choice의 값을 읽습니다. 코드를 통해 생성된 이미지 경로(images/Photo1.jpg)가 유효하면

imagePath

변수에 이미지 경로를 할당합니다. HTML 페이지에서는 <img> 요소가 이미지를 표시하는 데 사용됩니다. src 속성은 페이지가 표시될 때 imagePath 변수의 값을 설정하는 데 사용됩니다.

<img> 요소는 if 블록 안에 있습니다. 이는 페이지가 처음 로드될 때와 같이 이름 없이 이미지가 표시되는 것을 방지하기 위한 것입니다.