Generador HTML Image Input

Crear un botón HTML Image Input en línea

El Generador HTML Image Input crea un control <input type="image">, un botón de envío mostrado como imagen. Configure URL, Name, Alt text, Height, Width y Autofocus. La vista previa y ambos códigos se actualizan juntos.

A diferencia de <img>, Image Input envía el formulario. Al pulsar la imagen, el navegador puede enviar las coordenadas x e y seleccionadas.

Crear un HTML Image Input en C#

El panel C# muestra cómo crear el botón con Aspose.HTML for .NET . El código generado sigue estos pasos.

1. Cree un HTMLDocument y un HTMLInputElement con CreateElement() .
2. Asigne image a Type y defina src, name y un alt no vacío.
3. Defina las dimensiones y el atributo opcional autofocus.
4. Añada el control con AppendChild() y guarde image-input.html con Save() .

Configure primero el botón y copie después el código C# actualizado.

Preguntas sobre el Generador HTML Image Input

1. ¿En qué se diferencia <input type="image"> de <img>?

Image Input es un botón de envío cuyo contenido visual procede de una imagen. <img> inserta una imagen en el documento y no envía un formulario al activarse.

2. ¿Qué valores envía Image Input?

Envía las coordenadas elegidas como dos entradas derivadas de name. Por ejemplo, checkout produce checkout.x y checkout.y.

3. ¿Por qué debe contener texto el atributo alt?

Ese texto etiqueta el botón para quienes no pueden utilizar la imagen. Describa la acción, como «Iniciar sesión» o «Buscar», no la apariencia de la imagen.

4. ¿Por qué el botón no envía nada en la vista previa?

El control necesita pertenecer a un formulario. Coloque el input copiado dentro de <form> o asócielo con un formulario al integrarlo en la página.

5. ¿Conviene activar Autofocus?

Úselo con moderación. Mover el foco automáticamente puede desorientar a usuarios de teclado y tecnologías de asistencia, y el documento no debe contener objetivos de autofocus en conflicto.

Instalar Aspose.HTML for .NET

Instale Aspose.HTML for .NET desde NuGet con la CLI de .NET:

dotnet add package Aspose.HTML

También puede usar la interfaz del Administrador de paquetes NuGet o ejecutar Install-Package Aspose.HTML en la consola del Administrador de paquetes. Consulte la guía de instalación para configurar la biblioteca o solicite una licencia temporal para evaluar la API sin limitaciones.