Cuadro de herramientas, HTML (Pestaña)

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

• How to: Manage the Toolbox Window

• How to: Manipulate Toolbox Tabs

Elementos de interfaz de usuario

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

• Pointer
  

  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 How to: Manage the Toolbox Window y How to: Manipulate Toolbox Tabs.

• Input (Button)
  

  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 HTML Input Controls, HtmlInputButton Server Control Declarative Syntax, How to: Create Scripts and Edit Event Handlers, Button Web Server Controls Overview, HtmlInputButton, HtmlButton y Button.

• Input (Reset)
  

  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 HTML Input Controls, HtmlInputReset Server Control Declarative Syntax, HtmlInputButton y Button.

• Input (Submit)
  

  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 HTML Input Controls, HtmlInputSubmit Server Control Declarative Syntax, HtmlInputButton y Button.

• Input (Text)
  

  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 HTML Input Controls, HtmlInputText Server Control Declarative Syntax, TextBox Web Server Control Overview, HtmlInputText y TextBox.

  Nota sobre la seguridad
  Se recomienda que valide todos los datos proporcionados por el usuario.Para obtener más información, vea Validating User Input in ASP.NET Web Pages.

• Input (File)
  

  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 HTML Input Controls, HtmlInputFile Server Control Declarative Syntax y HtmlInputFile.

  Nota sobre la seguridad
  Se recomienda que valide todos los datos proporcionados por el usuario.Para obtener más información, vea Validating User Input in ASP.NET Web Pages.

• Input (Password)
  

  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 HTML Input Controls, HtmlInputPassword Server Control Declarative Syntax, How to: Set a TextBox Web Server Control for Password Entry y Walkthrough: Validating User Input in a Web Forms Page.

  Nota sobre la 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 Validating User Input in ASP.NET Web Pages.

• Input (Check box)
  

  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, 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 HTML Input Controls, HtmlInputCheckBox Server Control Declarative Syntax, CheckBox and CheckBoxList Web Server Controls Overview, HtmlInputCheckBox y CheckBox.

• Input (Radio)
  

  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 radio, 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 HTML Input Controls, HtmlInputRadioButton Server Control Declarative Syntax, RadioButton and RadioButtonList Web Server Controls Overview, HtmlInputRadioButton y RadioButton.

• Input (Hidden)
  

  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 HTML Input Controls, HtmlInputHidden Server Control Declarative Syntax y HtmlInputHidden.

• Textarea
  

  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 HtmlTextArea Server Control Declarative Syntax, HtmlTextArea y TextBox.

  Nota sobre la seguridad
  Se recomienda que valide todos los datos proporcionados por el usuario.Para obtener más información, vea Validating User Input in ASP.NET Web Pages.

• Tabla
  

  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 HtmlTable Server Control Declarative Syntax, Table, TableRow, and TableCell Web Server Control Overview, HtmlTable y Table.

• Image
  

  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 HtmlImage Server Control Declarative Syntax, Image Web Server Control Overview, HtmlImage, HtmlInputImage y Image.

• Select
  

  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 HtmlSelect Server Control Declarative Syntax, How to: Create Scripts and Edit Event Handlers, DropDownList Web Server Control Overview, ListBox Web Server Control Overview, HtmlSelect y DropDownList.

• Horizontal Rule
  

  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 HTML Horizontal Rule Control.

• Div
  

  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 HTML Div Control, Label Web Server Control Overview y Label.

Vea también

Referencia

cuadro de herramientas

Estándar (Ficha), Cuadro de herramientas

Otros recursos

HTML Controls for ASP.NET Web Pages