더북(TheBook)

27.4.7 따라하기 5: 폼 요소에 CSS class 속성 주기

1. 헬퍼 메서드는 그 자체가 C#의 메서드로 이루어지다 보니 태그에 스타일을 부여해주는 class 속성을 줄 때 C#의 클래스 키워드와 충돌이 발생한다. 이러한 경우에는 어떤 방식을 사용하는지 살펴보자. Views 폴더의 HelperMethodDemo 폴더에 CssClassDemo.cshtml 페이지를 생성하고 다음과 같이 코드를 작성하자.

▼  Views/HelperMethodDemo/CssClassDemo.cshtml

@Html.Label("txtName", "이름")

@Html.TextBox("txtName", "", new { @class = "form-control" })

 

이 코드처럼 CSS class 속성은 @class 형식으로 특정 폼 요소에 줄 수 있다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.