ASP.NET 웹 페이지 HTML 양식
양식 입력 컨트롤을 배치하는 HTML 문서 (텍스트 박스, 체크 박스, 라디오 버튼, 드롭 다운 목록) 부분입니다.
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 />
<input type="text" name="ContactName" value="" /><br /><br />
<input type="submit" value="Submit" class="submit" />
</form>
}
}
</body>
</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>
»인스턴스를 실행
면도기 예 - 디스플레이 이미지
동적으로 사용자의 선택에 따라 이미지를 표시하려면 이미지 폴더에 세 가지 이미지가있는 가정하자.
이는 면도기 간단한 코드에 의해 달성 될 수있다.
사이트의 이미지 폴더에 "Photo1.jpg"라는 그림이있는 경우 다음과 같이, 이미지를 표시 할 HTML <IMG> 요소를 사용할 수 있습니다 :
<img src="images/Photo1.jpg" alt="Sample" />
다음의 예는 다음 목록에서 사용자가 선택한 이미지를 표시하는 방법을 보여줍니다
면도기 예
@{
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>
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 페이지라는선택의 드롭 다운 목록(<선택> 요소)가 있습니다. 이 이름을 선택한다 자신에 따라 사용자를 허용하는 페이지를 웹 서버에 전송된다(예 : 사진 1로), (예 Photo1.jpg 같은)파일 이름을전달한다.
요청 [ "선택"]로 면도기 코드는 선택의 값을 읽습니다.코드를 경로 (이미지 / Photo1.jpg) 유효 화상을 구축하는 경우,변수의 ImagePath 할당 이미지 경로를 넣어.
HTML 페이지는 <IMG> 요소는 화상을 표시하기 위해 사용된다. 페이지가 표시되면, src 속성이 IMAGEPATH 변수의 값을 설정하기 위해 사용된다.
그러한 페이지가 먼저 표시를로드 할 때와 같이 표시 화상의 이름을 방지 할 수없는 경우 <IMG> 요소는 블록이다.