Condividi tramite


Sintassi dichiarativa per il controllo server HtmlInputButton

Crea un controllo lato server associato agli elementi HTML <input type=button>, <input type=submit> e <input type=reset> e consente di creare rispettivamente un pulsante di comando, un pulsante di invio o un pulsante di riavvio.

<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"
    />

Note

Utilizzare il controllo HtmlInputButton per eseguire la programmazione in base agli elementi HTML <input type=button>, <input type=submit> e <input type=reset>. Quando si fa clic sul controllo HtmlInputButton, l'input dal form in cui è incorporato il controllo viene inviato al server ed elaborato. Viene quindi restituita una risposta al browser richiedente.

Fornire un gestore eventi personalizzato per l'evento ServerClick per eseguire un insieme di istruzioni specifiche quando si fa clic sul controllo.

NotaNota

I pulsanti reset non supportano l'evento ServerClick.Quando si fa clic su un pulsante reset, tutti i controlli di input della pagina non vengono necessariamente cancellati,ma ne viene ripristinato lo stato originale quando la pagina viene caricata.Se, ad esempio, la casella di testo conteneva originariamente il valore "JohnDoe", è possibile ripristinare tale valore nella casella di testo facendo clic sul pulsante reset.

Quando viene utilizzato con i controlli HtmlInputText e HtmlTextArea, è possibile creare un input dell'utente o pagine di autenticazione da elaborare sul server.

NotaNota

Il controllo non richiede un tag di chiusura.

Esempio

Nell'esempio riportato di seguito viene illustrato come utilizzare un controllo HtmlInputButton per inviare un form al server per l'elaborazione.

<%@ 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>

Vedere anche

Attività

Procedura: aggiungere controlli server HTML a una pagina Web utilizzando la sintassi ASP.NET

Riferimenti

HtmlInputButton