Exportar (0) Imprimir
Expandir todo

HTML (Ficha), Cuadro de herramientas

La ficha HTML del Cuadro de herramientas proporciona componentes útiles para las páginas y los formularios Web. Para ver esta ficha, abra primero un documento para editarlo en el diseñador de HTML. En el menú Ver, haga clic en Cuadro de herramientas y, a continuación, haga clic en la ficha HTML del Cuadro de herramientas.

Para crear una instancia de una herramienta en la ficha HTML, haga doble clic en la herramienta para agregarla al documento en el punto de inserción actual o seleccione la herramienta y arrástrela a la posición que desee de la superficie de edición.

Tareas

Elementos de interfaz de usuario

De forma predeterminada, en la ficha HTML están disponibles las siguientes herramientas.

Pointer

Puntero de página HTML del Diseñador de ASP.NET Mobile

Esta es la herramienta seleccionada de forma predeterminada cuando se abre cualquier ficha del Cuadro de herramientas. No se puede eliminar. El puntero permite arrastrar objetos a la superficie de la vista Diseño, cambiar su tamaño y su ubicación en la página o formulario. Para obtener más información, vea Cómo: Administrar la ventana Cuadro de herramientas y Cómo: Manipular las fichas del cuadro de herramientas.

Input (Button)

Botón de página Web HTML

Inserta un elemento input de type="button". Para cambiar el texto que se muestra, modifique la propiedad name. De forma predeterminada, se inserta id="Button1" para el primer botón, id="Button2" para el segundo, etc.

Cuando se arrastra Input (Button) a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<input id="Button1" type="button" value="Button" name="Button1">

Para obtener más información, vea Controles de entrada HTML, Sintaxis declarativa del control de servidor HtmlInputButton, Cómo: Crear secuencias de comandos y controladores de eventos de edición, Controles de servidor Web de botón (Visual Studio), HtmlInputButton, HtmlButton y Button.

Input (Reset)

Captura de pantalla de HTMLpageResetButton

Inserta un elemento input de type="reset". Para cambiar el texto que se muestra, modifique la propiedad name. De forma predeterminada, se inserta id="Reset1" para el primer botón Restablecer, id="Reset2" para el segundo, etc.

Cuando se arrastra Input (Reset) a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<input id="Reset1" type="reset" value="Reset" name="Reset1">

Para obtener más información, vea Controles de entrada HTML, Sintaxis declarativa del control de servidor HtmlInputReset, HtmlInputButton y Button.

Input (Submit)

Captura de pantalla de HTMLpageToolbarSubmitButton

Inserta un elemento input de type="submit". Para cambiar el texto que se muestra, modifique la propiedad name. De forma predeterminada, se inserta id="Submit1" para el primer botón Enviar, id="Submit2" para el segundo, etc.

Cuando se arrastra Input (Submit) a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<input id="Submit1" type="submit" value="Submit" name="Submit1">

Para obtener más información, vea Controles de entrada HTML, Sintaxis declarativa del control de servidor HtmlInputSubmit, HtmlInputButton y Button.

Input (Text)

Captura de pantalla de HTMLpageToolbarTextField

Inserta un elemento input de type="text" en el documento. Para cambiar el texto predeterminado que se muestra, modifique el atributo value. De forma predeterminada, se inserta id="Text1" para el primer campo de texto, id="Text2" para el segundo, etc.

Cuando se arrastra Input (Text) a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<input id="Text1" TYPE="text" value="Text Field" name="Text1">

Para obtener más información, vea Controles de entrada HTML, Sintaxis declarativa del control de servidor HtmlInputText, TextBox (Control de servidor Web, Visual Studio), HtmlInputText y TextBox.

Nota de seguridadNota de seguridad

Se recomienda que valide todos los datos proporcionados por el usuario. Para obtener más información, vea Validar la información especificada por el usuario en páginas Web ASP.NET.

Input (File)

Campo Archivo de página HTML

Inserta un elemento input de type="file" en el documento. De forma predeterminada, se inserta id="File1" para el primer campo de archivo, id="File2" para el segundo, etc.

Cuando se arrastra Input (File) a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<input id="File1" type="file" name="File1">

Para obtener más información, vea Controles de entrada HTML, Sintaxis declarativa del control de servidor HtmlInputFile y HtmlInputFile.

Nota de seguridadNota de seguridad

Se recomienda que valide todos los datos proporcionados por el usuario. Para obtener más información, vea Validar la información especificada por el usuario en páginas Web ASP.NET.

Input (Password)

Campo de contraseña de Visual Studio

Inserta un elemento input de type="password". De forma predeterminada, se inserta id="Password1" para el primer campo de contraseña, id="Password2" para el segundo, etc.

Cuando se arrastra Input (Password) a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<input id="Password1" type="password" name="Password1">

Para obtener más información, vea Controles de entrada HTML, Sintaxis declarativa del control de servidor HtmlInputPassword, Cómo: Establecer un control TextBox de servidor Web para escribir contraseñas y Tutorial: Validar los datos introducidos por el usuario en una página de formularios Web Forms.

Nota de seguridadNota de seguridad

Si la aplicación transmite nombres de usuario y contraseñas, debe configurar el sitio Web con el fin de utilizar Capa de sockets seguros (SSL) para cifrar la transmisión. Para obtener más información, vea el tema "Asegurar las conexiones con SSL" en IIS Operations Guide. Además, se recomienda que valide todos los datos proporcionados por el usuario. Para obtener más información, vea Validar la información especificada por el usuario en páginas Web ASP.NET.

Input (Check box)

Opción de casilla de verificación de cuadro de herramientas de página Web HTML

Inserta un elemento input de type="checkbox". Para cambiar el texto que se muestra, modifique la propiedad name. De forma predeterminada, se inserta id="Checkbox1" para la primera casilla de verificación, id="Checkbox2" para la segunda, etc.

Cuando se arrastra Input (Check box) a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<input id="Checkbox1" type="checkbox" name="Checkbox1"> 

Para obtener más información, vea Controles de entrada HTML, Sintaxis declarativa del control de servidor HtmlInputCheckBox, CheckBox y CheckBoxList (Controles de servidor Web, Visual Studio), HtmlInputCheckBox y CheckBox.

Input (Radio)

Captura de pantalla de VisualStudioHTMLpageRadioButton

Inserta un elemento input de type="radio". Para cambiar el texto que se muestra, modifique la propiedad name. De forma predeterminada, se inserta id="Radio1" para el primer botón de opción, id="Radio2" para el segundo, etc.

Cuando se arrastra Input (Radio) a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<input id="Radio1" type="radio" name="Radio1">

Para obtener más información, vea Controles de entrada HTML, Sintaxis declarativa del control de servidor HtmlInputRadioButton, RadioButton y RadioButtonList (Controles de servidor Web, Visual Studio), HtmlInputRadioButton y RadioButton.

Input (Hidden)

Elemento oculto de página HTML

Inserta un elemento input de type="hidden". De forma predeterminada, se inserta id="Hidden1" para el primer campo oculto, id="Hidden2" para el segundo, etc.

Cuando se arrastra Input (Hidden) a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<input id="Hidden1" type="hidden" name="Hidden1"> 

Para obtener más información, vea Controles de entrada HTML, Sintaxis declarativa del control de servidor HtmlInputHidden y HtmlInputHidden.

Textarea

Área de texto de la barra de herramientas de la página HTML

Inserta un elemento textarea. Puede cambiar el tamaño del control Text Area o utilizar sus barras de desplazamiento para ver el texto que ocupa más espacio que el área de presentación. Para cambiar el texto predeterminado que se muestra, modifique el atributo value. De forma predeterminada, se inserta id="textarea1" para el primer área de texto, id=" textarea 2" para el segundo, etc.

Cuando se arrastra Textarea a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<textarea id=" textarea 1 name=" textarea 1" rows=2 cols=20></textarea> 

Para obtener más información, vea Sintaxis declarativa del control de servidor HtmlTextArea, HtmlTextArea y TextBox.

Nota de seguridadNota de seguridad

Se recomienda que valide todos los datos proporcionados por el usuario. Para obtener más información, vea Validar la información especificada por el usuario en páginas Web ASP.NET.

Table

Captura de pantalla de HTMLpageToolbarTable

Inserta un elemento table.

Cuando se arrastra Tabla a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table> 

Para obtener más información, vea Sintaxis declarativa del control de servidor HtmlTable, Table, TableRow y TableCell (Controles de servidor Web, Visual Studio), HtmlTable y Table.

Image

Elemento de imagen de página HTML

Inserta un elemento img. Modifique este elemento para especificar su src y su texto alt.

Cuando se arrastra Image a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<img alt="" src="">

Para obtener más información, vea Sintaxis declarativa del control de servidor HtmlImage, Image (Control de servidor Web, Visual Studio), HtmlImage, HtmlInputImage y Image.

Select

Cuadro de herramientas desplegable de la página HTML

Inserta un elemento select desplegable (sin atributo size). De forma predeterminada, se inserta id="select1" para el primer cuadro de lista, id="select2" para el segundo, etc.

Cuando se arrastra Seleccionar a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<select id="select1" name="select1"><option selected></option></select>

Puede crear un elemento select multilínea aumentando el valor de la propiedad de tamaño.

Para obtener más información, vea Sintaxis declarativa del control de servidor HtmlSelect, Cómo: Crear secuencias de comandos y controladores de eventos de edición, DropDownList (Control de servidor Web, Visual Studio), ListBox (Control de servidor Web, Visual Studio), HtmlSelect y DropDownList.

Horizontal Rule

Elemento de la regla horizontal de página HTML

Inserta un elemento hr. Para aumentar el grosor de la línea, modifique el atributo size.

Cuando se arrastra Horizontal Rule a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<hr width="100%" size=1> 

Para obtener más información, vea Controles de regla horizontal HTML.

Div

Etiqueta de página HTML

Inserta un elemento div que incluye un atributo ms_positioning="FlowLayout". Excepto por WIDTH y HEIGHT, este elemento es idéntico a un control Flow Layout Panel. Para dar formato al texto contenido en un elemento div, agregue un atributo class="stylename" a la etiqueta de apertura.

Cuando se arrastra Div a la superficie de la vista Diseño, en el documento se inserta código HTML similar al siguiente:

<div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>

Para obtener más información, vea Control de división HTML, Label (Control de servidor Web, Visual Studio) y Label.

Vea también

Adiciones de comunidad

AGREGAR
Mostrar:
© 2015 Microsoft