Share via


Sintaxe declarativa do controle de servidor de HtmlInputButton

Cria um controle de servidor que mapeia para o <input type=button>, <input type=submit>, e <input type=reset> elementos HTML e permite que você crie um botão de comando, envie o botão ou botão de redefinição, respectivamente.

<input
    Type="Button|Reset|Submit"
    EnableViewState="False|True"
    Id="string"
    Visible="False|True"
    OnDataBinding="OnDataBinding event handler"
    OnDisposed="OnDisposed event handler"
    OnInit="OnInit event handler"
    OnLoad="OnLoad event handler"
    OnPreRender="OnPreRender event handler"
    OnServerClick="OnServerClick event handler"
    OnUnload="OnUnload event handler"
    runat="server"
    />

Comentários

Use o HtmlInputButton o controle ao programa contra o <input type=button>, <input type=submit>, e <input type=reset> elementos HTML. Quando um usuário clica em um HtmlInputButton controle, do que o controle está incorporado no formulário de entrada é remetida para o servidor e processado. Uma resposta é enviada ao navegador solicitante.

Fornecendo um manipulador de evento personalizado para o ServerClick evento, você pode executar um conjunto específico de instruções quando o controle é clicado.

Observação

A reset botão não oferece suporte a ServerClick de evento.Quando um reset botão é clicado, todos os controles de entrada na página não são necessariamente desmarcados.Em vez disso, eles são retornados ao seu estado original quando a página foi carregada.Por exemplo, se uma caixa de texto originalmente continha o valor "Lucianasilva", clicar na reset botão retornaria a caixa de texto para este valor.

Quando usado em conjunto com o HtmlInputText e HtmlTextArea controles, você pode criar páginas de entrada ou a autenticação de usuário que podem ser processadas no servidor.

Observação

Esse controle não exige uma marca de fechamento.

Exemplo

O exemplo a seguir demonstra como usar um HtmlInputButton o controle para enviar um formulário para o servidor para processamento.

<%@ Page Language="VB" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    Protected Sub AddButton_Click(ByVal sender As Object, ByVal e As EventArgs)
        Dim Answer As Integer
        Answer = Convert.ToInt32(Value1.Value) + Convert.ToInt32(Value2.Value)
        AnswerMessage.InnerHtml = Answer.ToString()
    End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head>
    <title> HtmlInputButton Example </title>
</head>
<body>
<form id="Form1" runat="server">
    <div>

     <h3> HtmlInputButton Example</h3>

     <table>
         <tr>
             <td colspan="5">
                 Enter integer values into the text boxes. <br />
                 Click the Add button to add the two values. <br />
                 Click the Reset button to reset the text boxes.
             </td>
        </tr>
        <tr>
             <td colspan="5">
                 &nbsp;
             </td>
        </tr>

        <tr align="center">
             <td>

                <input id="Value1"
                     type="Text"
                     size="2"
                     maxlength="3"
                     value="1"
                     runat="server" />

             </td>
             <td>
                 + 
             </td>
             <td>

                <input id="Value2"
                     type="Text"
                     size="2"
                     maxlength="3"
                     value="1"
                     runat="server" />

             </td>
             <td>
                  =
             </td>
             <td>
                 <span id="AnswerMessage"
                      runat="server" />
             </td>
         </tr>
         <tr>
             <td colspan="2">
                 <asp:RequiredFieldValidator
                     ID="Value1RequiredValidator"
                     ControlToValidate="Value1"
                     ErrorMessage="Please enter an value.<br />"
                     Display="Dynamic"
                     runat="server" />

                 <asp:CompareValidator
                     ID="Value1MinCompareValidator"
                     ControlToValidate="Value1"
                     Operator="LessThan"
                     Type="Integer"
                     ValueToCompare="100"
                     ErrorMessage="Please enter an integer less than 100.<br />"
                     Display="Dynamic"
                     runat="server" />

                <asp:CompareValidator
                     ID="Value1MaxCompareValidator"
                     ControlToValidate="Value1"
                     Operator="GreaterThan"
                     Type="Integer"
                     ValueToCompare="0"
                     ErrorMessage="Please enter an integer greater than 0.<br />"
                     Display="Dynamic"
                     runat="server" />
             </td>
             <td colspan="2">

                 <asp:RequiredFieldValidator
                     ID="Value2RequiredValidator"
                     ControlToValidate="Value2"
                     ErrorMessage="Please enter an value.<br />"
                     Display="Dynamic"
                     runat="server" />

                 <asp:CompareValidator
                     ID="Value2MinCompareValidator"
                     ControlToValidate="Value2"
                     Operator="LessThan"
                     Type="Integer"
                     ValueToCompare="100"
                     ErrorMessage="Please enter an integer less than 100.<br />"
                     Display="Dynamic"
                     runat="server" />

                 <asp:CompareValidator
                     ID="Value2MaxCompareValidator"
                     ControlToValidate="Value2"
                     Operator="GreaterThan"
                     Type="Integer"
                     ValueToCompare="0"
                     ErrorMessage="Please enter an integer greater than 0.<br />"
                     Display="Dynamic"
                     runat="server" />

             </td>
             <td>
                 &nbsp;
             </td>
         </tr>
         <tr align="center">
             <td colspan="4">
                 <input id="Submit1" type="Submit"
                     name="AddButton"
                     value="Add"
                     onserverclick="AddButton_Click"
                     runat="server" />

                 &nbsp;&nbsp;&nbsp;

                 <input id="Reset1" type="Reset"
                     name="AddButton"
                     value="Reset"
                     runat="server"/>
             </td>
             <td>
                 &nbsp;
            </td>
        </tr>
    </table>

    </div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

      protected void AddButton_Click(Object sender, EventArgs e)
      {
         int Answer;

         Answer = Convert.ToInt32(Value1.Value) +
                  Convert.ToInt32(Value2.Value);

         AnswerMessage.InnerHtml = Answer.ToString();

      }

   </script>

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head>
    <title> HtmlInputButton Example </title>
</head>
<body>
<form id="Form1" runat="server">
    <div>

     <h3> HtmlInputButton Example</h3>

     <table>
         <tr>
             <td colspan="5">
                 Enter integer values into the text boxes. <br />
                 Click the Add button to add the two values. <br />
                 Click the Reset button to reset the text boxes.
             </td>
        </tr>
        <tr>
             <td colspan="5">
                 &nbsp;
             </td>
        </tr>

        <tr align="center">
             <td>

                <input id="Value1"
                     type="Text"
                     size="2"
                     maxlength="3"
                     value="1"
                     runat="server" />

             </td>
             <td>
                 + 
             </td>
             <td>

                <input id="Value2"
                     type="Text"
                     size="2"
                     maxlength="3"
                     value="1"
                     runat="server" />

             </td>
             <td>
                  =
             </td>
             <td>
                 <span id="AnswerMessage"
                      runat="server" />
             </td>
         </tr>
         <tr>
             <td colspan="2">
                 <asp:RequiredFieldValidator
                     ID="Value1RequiredValidator"
                     ControlToValidate="Value1"
                     ErrorMessage="Please enter an value.<br />"
                     Display="Dynamic"
                     runat="server" />

                 <asp:CompareValidator
                     ID="Value1MinCompareValidator"
                     ControlToValidate="Value1"
                     Operator="LessThan"
                     Type="Integer"
                     ValueToCompare="100"
                     ErrorMessage="Please enter an integer less than 100.<br />"
                     Display="Dynamic"
                     runat="server" />

                <asp:CompareValidator
                     ID="Value1MaxCompareValidator"
                     ControlToValidate="Value1"
                     Operator="GreaterThan"
                     Type="Integer"
                     ValueToCompare="0"
                     ErrorMessage="Please enter an integer greater than 0.<br />"
                     Display="Dynamic"
                     runat="server" />
             </td>
             <td colspan="2">

                 <asp:RequiredFieldValidator
                     ID="Value2RequiredValidator"
                     ControlToValidate="Value2"
                     ErrorMessage="Please enter an value.<br />"
                     Display="Dynamic"
                     runat="server" />

                 <asp:CompareValidator
                     ID="Value2MinCompareValidator"
                     ControlToValidate="Value2"
                     Operator="LessThan"
                     Type="Integer"
                     ValueToCompare="100"
                     ErrorMessage="Please enter an integer less than 100.<br />"
                     Display="Dynamic"
                     runat="server" />

                 <asp:CompareValidator
                     ID="Value2MaxCompareValidator"
                     ControlToValidate="Value2"
                     Operator="GreaterThan"
                     Type="Integer"
                     ValueToCompare="0"
                     ErrorMessage="Please enter an integer greater than 0.<br />"
                     Display="Dynamic"
                     runat="server" />

             </td>
             <td>
                 &nbsp;
             </td>
         </tr>
         <tr align="center">
             <td colspan="4">
                 <input id="Submit1" type="Submit"
                     name="AddButton"
                     value="Add"
                     onserverclick="AddButton_Click"
                     runat="server" />

                 &nbsp;&nbsp;&nbsp;

                 <input id="Reset1" type="Reset"
                     name="AddButton"
                     value="Reset"
                     runat="server"/>
             </td>
             <td>
                 &nbsp;
            </td>
        </tr>
    </table>

    </div>
</form>
</body>
</html>

Consulte também

Tarefas

Como: adicionar controles de servidor HTML à uma página da Web usando sintaxe ASP.NET

Referência

HtmlInputButton