¿Estás buscando una forma sencilla de crear formularios web que se integren perfectamente con tu sitio web? Si es así, entonces los formularios web ASP.NET podrían ser exactamente lo que necesitas. En este artículo, vamos a explorar todo lo que necesitas saber sobre los formularios web ASP.NET y cómo pueden ayudarte a aumentar la eficiencia de tu sitio web. ¡Así que sigue leyendo para averiguar más!
Formularios web ASP.NET es parte del marco de aplicaciones web ASP.NET y es uno de los tres modelos de programación diferentes que puede usar para crear aplicaciones web ASP.NET, los otros son ASP.NET MVC y ASP.NET Web Pages. En este artículo, nos centraremos en el Formularios web ASP.NET.
Los formularios web son páginas que forman la interfaz de usuario que le dan a sus aplicaciones web su apariencia. Estas páginas están escritas usando una combinación de HTML, controles del servidory código del lado del servidornormalmente en C# o VB. Cuando los usuarios solicitan una página, se compila y ejecuta en el servidor, y luego genera el marcado HTML que el navegador puede representar.
Con Visual Studio, puede crear fácilmente Formularios web ASP.NET. Visual Studio le permite desarrollar su código fuente a mano o puede arrastrar y soltar los controles del servidor directamente en la página web. Luego puede configurar el trabajo con las propiedades, métodos y eventos de sus objetos para definir el comportamiento, la apariencia de la página.
Control de servidor HTML de formulario ASP.NET
en un ASP.NET página web, hay un elemento muy importante que reside dentro de la <form> elemento. El <form> El elemento es obligatorio porque define una parte de la página que puede enviar información al servidor web. En cada ASP.NET página (.aspx), solo habrá un formulario.
El formulario es importante en el momento en que comenzar a agregar en controles como cuadros de texto (elementos de tipo input). Cuando se produce una devolución de datos, la información del elemento dentro del formulario se enviará de vuelta al servidor web. Los detalles sobre este proceso no son tan importantes en este momento.
Simplemente debe asegurarse de que todo el contenido de su página web esté dentro del <form> elemento. La otra cosa importante a tener en cuenta es que este <form> elemento debe tener runat="server" atributo/valor para que el proceso funcione correctamente. He aquí un ejemplo de un sencillo Formularios web ASP.NET página.
<%@ Page Language="C#" %>
<!DOCTYPE html>
<script runat="server">
</script>
<html>
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>El <div> elemento dentro del formulario es opcional. Su propósito es simplemente crear un punto de partida o contenedor para el resto de su HTML y ASP.NET margen. Del ejemplo anterior, centrémonos en el elemento de formulario. Como se discutió anteriormente, el elemento de formulario en nuestra página ASP.NET es un elemento HTML típico con el runat atributo.
En ASP.NETesto se considera con Control de servidor HTML. El control es procesado por el motor ASP.NET y se genera el HTML apropiado y se envía de vuelta al navegador.
<form id="form1" runat="server">
<% HTML and Server Controls %>
</form>Un formulario ASP.NET siempre se envía a la propia página. Hay Sin razón para especificar un atributo de acción, ya que ASP.NET lo ignorará. Además, si omite el atributo de método que es aceptable, se establecerá en method="post" por defecto.
Se recomienda especificar un ID atributo, pero si no lo hace, ASP.NET automáticamente asignar uno Si crea una página de prueba y ve el código fuente en su navegador, estos son los resultados típicos que vería.
<form method="post" action="Default.aspx" id="form1">
<!-- Some HTML markup -->
</form>Envío de un formulario
Un formulario puede ser enviado por unos pocos elementos, pero lo más frecuente es que lo envíen hacer clic en un botón. Este es un ejemplo de cómo usar el control de servidor web Button en ASP.NET. Notarás que hay un OnClick evento que se usará para ejecutar el código del lado del servidor. Este control Botón se colocaría dentro del <form> elemento.
<asp:Button id="btn1" text="Submit" OnClick="btn1_Click" runat="server" />El id atributo define un Identificación única para el botón y el atributo de texto asigna una etiqueta al botón. El OnClick controlador de eventos especifica una subrutina con nombre para ejecutar. Entonces, en el ejemplo con el que estamos trabajando, al hacer clic en un botón se ejecutará una subrutina llamada btn1_click.
El subrutina simplemente cambia el texto del Botón. El código de la subrutina se colocaría dentro de un elemento de script del lado del servidor o en su página de código subyacente. En este ejemplo, estamos usando el método de elemento de secuencia de comandos que estaría ubicado en el mismo .aspx documento.
C#
<script runat="server">
protected void btn1_Click(object sender, EventArgs e)
{
btn1.Text = "Clicked!";
}
</script>VB
<script runat="server">
Protected Sub btn1_Click(sender As Object, e As EventArgs)
btn1.Text = "Clicked!"
End Sub
</script>Ejemplo completo
El siguiente ejemplo es el ejemplo completo dentro de un .aspx página, utilizando el código del lado del servidor C#.
<%@ Page Language="C#" %>
<!DOCTYPE html>
<script runat="server">
protected void btn1_Click(object sender, EventArgs e)
{
btn1.Text = "Clicked!";
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Demo Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="btn1" runat="server" Text="Submit" OnClick="btn1_Click" />
</form>
</body>
</html>