웹페이지 양식
ASP.NET 웹 페이지 - HTML 양식
양식은 입력 컨트롤(텍스트 상자, 확인란, 라디오 버튼, 드롭다운 목록)이 배치되는 HTML 문서의 일부입니다. HTML 입력 페이지를 생성하십시오. Razor 인스턴스 인스턴스»는지 인스턴스 실행 "버튼 온라인 인스턴스를 볼 수 있도록"실행 "버튼 - 이미지에 이미지
assume 디스플레이 폴더에는 3개의 이미지가 있고 사용자의 선택에 따라 이미지를 동적으로 표시하려고 합니다. 이는 간단한 Razor 코드로 달성할 수 있습니다.
웹 사이트의 이미지 폴더에 "Photo1.jpg"라는 이미지가 있는 경우 다음과 같이 HTML <img> 요소를 사용하여 이미지를 표시할 수 있습니다.
<img src= "../style /images/Photo1.jpg" alt="Sample" />다음 예는 다음 목록에서 사용자가 선택한 이미지를 표시하는 방법을 보여줍니다.
<!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>
예제 실행 »
온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요
예제 설명서버가
imagePathChoice
)을 선택할 수 있으며 페이지가 웹 서버에 제출되면 파일 이름이 전달됩니다(예: Photo1.jpg). Razor 코드는
Request["Choice"]라는
드롭다운 목록(<select> 요소)이 있습니다. 이를 통해 사용자는 자신이 선택한 이름(예:
Photo 1)을 선택할 수 있으며 페이지가 웹 서버에 제출되면 파일 이름이 전달됩니다(예: Photo1.jpg). Razor 코드는
를 통해 Choice의 값을 읽습니다. 코드를 통해 생성된 이미지 경로(images/Photo1.jpg)가 유효하면
imagePath변수에 이미지 경로를 할당합니다. HTML 페이지에서는 <img> 요소가 이미지를 표시하는 데 사용됩니다. src 속성은 페이지가 표시될 때 imagePath 변수의 값을 설정하는 데 사용됩니다.
<img> 요소는 if 블록 안에 있습니다. 이는 페이지가 처음 로드될 때와 같이 이름 없이 이미지가 표시되는 것을 방지하기 위한 것입니다.