asp : button을 HTML 요소로 바꿀 수 있습니까?

Question

asp 양식을 사용 중이며 표준 단추를 CSS를 사용하여 스타일이 지정된 HTML 요소로 바꿀 수 있는지 알고 싶습니다.

내 로그인 페이지는 로그인 검사를 수행하는 코드 뒤에 (C#을)에 연결된 표준 버튼

<asp:Button ID="LoginButton" runat="server" Text="Login" 
    onclick="LoginButton_Click" /> 

를 사용합니다.

HTML <button> 요소를 사용하여 구현 된 멋진 버튼과 이미지와 같은 기능을 가질 수있는 CSS 스타일이 강조 표시되었습니다. 기본 HTML 내가 Difference between asp:button and html's button 그래서 나는 <button> 요소가 드롭 인 대체하지 않습니다 이해하지만 난 여전히 asp:button 교체 할 수 있는지 알고 좋아하고 거라고 논의 또 다른 질문을 본 적이이

<button type="submit" class="positive" onclick ="..."> 
    <img src="/icons/tick.png" alt=""/> 
    Login 
</button> 

처럼 보인다 LoginButton_Click C# 코드를 호출 하시겠습니까?

편집 :
내가 ASP를 사용하고 있지만 내가 필요한 경우 일부 클라이언트 측 자바 스크립트를 사용하여 상관하지 않습니다. 내가 LinkButton ASP 컨트롤을 사용하여 answer from XIII을 시도하고 그것이 내가 원하는대로 버튼을 렌더링 및 활성화, 일 : Rediscovering the Button Element

편집 2 : 내가 이것에 대해 생각을 가지고 내가 본

버튼은 여기 발견 클릭 한 C#을

<asp:LinkButton ID="LoginBtn" CssClass="button positive" 
     OnClick="LoginButton_Click" runat="server"> 
    <img src="/icons/tick.png" alt=""/> 
    Login 
</asp:LinkButton> 

자바 스크립트가 나를 위해 문제가 아니었지만 다른 사람이 될 수 있습니다 (커트에 의해 언급 한 바와 같이) 페이지에 삽입되어

; 하지만 asp:loginview과 양식 인증과 관련된 다른 컨트롤은 이미 javascript가 필요하므로 솔루션에 대한 문제인지 확신 할 수 없습니다.

은 내가, <button> 당신은 <asp:Button/>의 cssClass 속성을 통해 CSS 클래스를 설정할 수있는 드롭 인 교체 <asp:button>

Answer 1

대답을 참조 아닌 사소한 훈련은 다음과 같습니다 ASP를하는 경우

: 버튼 수 대체하고 LoginButton_Click C# 코드를 여전히 호출합니까?

입니다. 이 같은 버튼이있는 경우 :

<button type="submit" id="submit" class="positive" runat="server">Submit</button> 

을 사용자가 설정해야 할 속성은 하지onclick하지만 onserverclick입니다. 또한 같은 것을 할 수있는 : 당신이 버튼 스타일을해야 할 경우

protected override OnInit(EventArgs e) 
{ 
    submit.ServerClick += new EventHandler(submit_ServerClick); 
} 

을, 나는 당신이 당신의 예에서이 같은 것을 해결하기 위해 가장 좋은 방법은 CSS 클래스를 통해 생각합니다.

Answer 2

에 대한 수 있습니다 무슨 생각에도 불구하고,이 깨끗한 구현이기 때문에 jwiscarson의 답변을 수용하기로 결정합니다. 그러나 runat="server" 및 onserverclick="LoginButton_Click" 속성을 <button/>으로 설정할 수 있습니다.

Answer 3

대체 접근법은 LinkButton 컨트롤을 사용하고 CSS로 완전히 스타일링하는 것입니다. 우리는 과거 특정 프로젝트에서 그렇게 해왔습니다. 우리 고객을 위해 큰 성과를 냈습니다.

당신은 당신이 원하는 경우 HTML 버튼을 사용하고 적절한 인수와 함께 __doPostBack() 메소드를 호출하는 방법을 배울 수 CssClass

Answer 4

경우 관심의 속성입니다. Asp.Net 버튼과 HTML 버튼은 클라이언트에서 렌더링되는 방식과 거의 비슷합니다.

Answer 5

이미 게시 된 것처럼 asp:button에서 렌더링 한 HTML 스타일을 지정하거나 다른 ASP 컨트롤을 사용할 수 있습니다.asp:button은 <button> 태그보다 더 제한적인 CSS 옵션을 사용하여 <input type="submit">으로 렌더링됩니다. 일부 인터넷 검색에서

나는 <button> 태그가 렌더링 얻을 수 있습니다 생각하지만 귀하의 질문에 How can I use the button tag with ASP.NET?