2013-07-23 5 views
2

Я пытаюсь создать веб-страницу, созданную .net. Поэтому у меня возникают проблемы с некоторыми кнопками и другими элементами. Моя главная проблема заключается в КНОПКИ, потому что в шаблоне дизайна используются некоторые круг кнопки и т.д., но .Net продолжает давать <input> элементы :(Использование <button> вместо <input> с .Net

Использование создает <input> элемент, но то, что я должен использовать, чтобы получить <button> элемент? Потому что я не могу применить стилей для элемента <input>.

Я просил код для страницы, я не кодировал это, поэтому я не знаю, является ли это MVC или нет. Все, что мне нужно, это получить ... в отображаемом HTML Что я могу сказать моему другу кодера, чтобы он сделал эту работу?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Portall.Admin.Login" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>Login</title> 
    <link href="../css/style.css" rel="stylesheet" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <div class="dvMainContainer"> 
      <div class="header" > 
       <span>Login</span> 
      </div> 
      <div class="dvLoginInfo"> 
       <table> 
        <tr> 
         <td>Username</td> 
         <td> 
          <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox> 
         </td> 
        </tr> 
        <tr> 
         <td>Password</td> 
         <td> 
          <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox> 
         </td> 
        </tr> 
        <tr> 
         <td></td> 
         <td><asp:Button ID="cmdLogin" runat="server" Text="Login" OnClick="cmdLogin_Click" /></td> 
        </tr> 
        <tr> 
         <td colspan="2"><asp:Label ID="lblInfo" runat="server" ForeColor="Red"></asp:Label></td> 
        </tr> 
       </table> 
      </div> 
     </div> 
    </form> 
</body> 
</html> 

код позади файла

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 

namespace Portall.Admin 
{ 
    public partial class Login : System.Web.UI.Page 
    { 
     AdminBL.AdminBusinessLayer adminBsLayer = new AdminBL.AdminBusinessLayer(); 

     protected void Page_Load(object sender, EventArgs e) 
     { 
      lblInfo.Text = string.Empty; 
     } 

     protected void cmdLogin_Click(object sender, EventArgs e) 
     { 
      AdminUser currentUser = null; 

      try 
      { 
       currentUser = adminBsLayer.Login(txtUserName.Text, txtPassword.Text); 
      } 
      catch 
      { 
       lblInfo.Text = "A database problem occured."; 
       return; 
      } 

      if (currentUser.UserId <= 0) 
      { 
       lblInfo.Text = "Invalid username or password."; 
       return; 
      } 

      Session["AdminUser"] = currentUser; 
      Response.Redirect("UserEntry.aspx"); 
     } 

    } 
} 
+2

Я предлагаю попробовать улучшить/уточнить ваш вопрос. Я думаю, что невероятно, что текущая форма даст вам полезный ответ. – GolfWolf

+0

Не могли бы вы прояснить, что вы хотите, в сравнении с тем, что в настоящее время происходит? – user1477388

+0

Я добавил код. Извините, я не понял, что мой вопрос был таким vauge :(Спасибо, что помогли. – cevizmx

ответ

1

Использование <asp:ImageButton /> позволяет мне добавить любой стиль мне нужно, то есть фоновое изображение, градиенты и т.д. Для получения дополнительной информации об использовании Reffer для Microsoft site

3

Скачать CSSFriendyControlAdapters и использовать его для создания управление кнопочным сервером. Вы можете найти его здесь:

http://cssfriendly.codeplex.com/

Просто взгляните на простейшем контроле, и он должен быть достаточно легким, чтобы изменить его испускать кнопку. Вам не нужно менять существующие элементы управления, вместо этого он будет использовать ваш адаптер.

Если вы не заботитесь о том, что слишком много контроля и визуализации параметров, вы можете просто использовать встроенный контроль HtmlButton:

<tr> 
    <td> 
    <button ID="cmdLogin" runat="server" OnServerClick="cmdLogin_Click"> 
     Login 
    </button> 
    </td> 
</tr> 
Смежные вопросы