Guia HTML, caixa de ferramentas

Artigo
08/25/2010

The HTML guia da caixa de ferramentas fornece componentes que são úteis em páginas da Web e formulários da Web.Para exibir essa guia, primeiro abra um documento para edição no designer de HTML.Sobre o Modo de exibição menu, clicar Caixa de ferramentase, em seguida, clicar no HTML guia da caixa de ferramentas.

Para criar uma instância de uma ferramenta sobre o HTMLclicar duas guia, um vezes na ferramenta para adicioná-lo ao seu documento no ponto de inserção corrente, ou selecionar a ferramenta e arrastar-o para a posição desejada na superfície de edição.

Tarefas

Elementos da Interface do Usuário

As seguintes ferramentas estão disponível por padrão na guia HTML.

Ponteiro

Essa ferramenta é selecionada por padrão quando qualquer guia da caixa de ferramentas é aberto.Não pode ser excluído.O ponteiro permite que você arrastar objetos para o modo de modo de exibição de Design, redimensioná-los e reposiciona no formulário ou página.Para obter mais informações, consulte Como: Gerenciar a janela Toolbox e Como: Manipular guias da caixa de ferramentas.
Entrada (botão)

Insere um input elemento de type="button". Para alterar o texto que é exibido, edite o name propriedade. Por padrão, id="Button1" é inserido para o primeiro botão id="Button2" para o segundo e assim por diante.

Quando você arrastar Entrada (botão) para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:
```
<input id="Button1" type="button" value="Button" name="Button1">
```
Para obter mais informações, consulte Controles de entrada HTML, HtmlInputButton Servidor Controlar Declarative Syntax, Como: Criar scripts e manipuladores de eventos de Editar, Visão Geral dos Controles do Servidor Web de Botão, HtmlInputButton, HtmlButton, e Button.
Entrada (reiniciar)

Insere um input elemento de type="reset". Para alterar o texto que é exibido, edite o name propriedade. Por padrão, id="Reset1" é inserido para o primeiro botão de reiniciar id="Reset2" para o segundo e assim por diante.

Quando você arrastar Entrada (reiniciar) para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:
```
<input id="Reset1" type="reset" value="Reset" name="Reset1">
```
Para obter mais informações, consulte Controles de entrada HTML, HtmlInputReset Servidor Controlar Declarative Syntax, HtmlInputButton e Button.
Entrada (Enviar)

Insere um input elemento de type="submit". Para alterar o texto que é exibido, edite o name propriedade. Por padrão, id="Submit1" é inserido para o primeiro botão de submissão id="Submit2" para o segundo e assim por diante.

Quando você arrastar Entrada (Enviar) para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:
```
<input id="Submit1" type="submit" value="Submit" name="Submit1">
```
Para obter mais informações, consulte Controles de entrada HTML, HtmlInputSubmit Servidor Controlar Declarative Syntax, HtmlInputButton e Button.

Entrada (texto)

Insere um input elemento de type="text" no documento. Para alterar o texto padrão que é exibido, edição o value atributo. Por padrão, id="Text1" será inserida para o primeiro campo de texto id="Text2" para o segundo e assim por diante.

Quando você arrastar Entrada (texto) para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:

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

Para obter mais informações, consulte Controles de entrada HTML, HtmlInputText Servidor Controlar Declarative Syntax, Visão Geral do Controle do Servidor Web TextBox, HtmlInputText, e TextBox.

Observação de segurança:
É recomendável que você validar todas as entradas do usuário.Para obter mais informações, consulte Validando Entrada de Usuário em Páginas da Web ASP.NET.

Entrada (arquivo)

Insere um input elemento de type="file" no documento. Por padrão, id="File1" será inserida para o primeiro campo de arquivo, id="File2" para o segundo e assim por diante.

Quando você arrastar Entrada (arquivo) para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:

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

Para obter mais informações, consulte Controles de entrada HTML, HtmlInputFile Servidor Controlar Declarative Syntax e HtmlInputFile.

Observação de segurança:
É recomendável que você validar todas as entradas do usuário.Para obter mais informações, consulte Validando Entrada de Usuário em Páginas da Web ASP.NET.

Entrada (senha)

Insere um input elemento de type="password". Por padrão, id="Password1" será inserida para o primeiro campo de senha, id="Password2" para o segundo e assim por diante.

Quando você arrastar Entrada (senha) para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:

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

Para obter mais informações, consulte Controles de entrada HTML, HtmlInputPassword Servidor Controlar Declarative Syntax, Como: Definir um Controlarar Caixa de Texto do servidor Web para entrada de senha e Demonstra Passo a passo: Validando entrada de usuário em uma página de Web Forms.

Observação de segurança:
Se seu aplicativo transmite nomes de usuário e senhas, você deve configurar seu site da Web para usar protocolo SSL (Secure Sockets camada) para criptografar a transmissão.Para obter mais informações, consulte "Protegendo conexões com SSL" de Guia de operações do IIS.Além disso, é recomendável que você valide todas as entradas do usuário.Para obter mais informações, consulte Validando Entrada de Usuário em Páginas da Web ASP.NET.

Se seu aplicativo transmite nomes de usuário e senhas, você deve configurar seu site da Web para usar protocolo SSL (Secure Sockets camada) para criptografar a transmissão.Para obter mais informações, consulte "Protegendo conexões com SSL" de Guia de operações do IIS.Além disso, é recomendável que você valide todas as entradas do usuário.Para obter mais informações, consulte Validando Entrada de Usuário em Páginas da Web ASP.NET.

Entrada (caixa de seleção)

Insere um input elemento de type="checkbox". Para alterar o texto que é exibido, edite o name propriedade. Por padrão, id="Checkbox1" será inserida para a primeira caixa de seleção id="Checkbox2" para o segundo e assim por diante.

Quando você arrastar Entrada (caixa de seleção) para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:
```
<input id="Checkbox1" type="checkbox" name="Checkbox1"> 
```
Para obter mais informações, consulte Controles de entrada HTML, HtmlInputCheckBox Servidor Controlar Declarative Syntax, Visão geral de controles de CheckBox e CheckBoxList Web Server, HtmlInputCheckBox, e CheckBox.
Entrada (rádio)

Insere um input elemento de type="radio". Para alterar o texto que é exibido, edite o name propriedade. Por padrão, id="Radio1" é inserido para o primeiro botão de opção id="Radio2" para o segundo e assim por diante.

Quando você arrastar Entrada (rádio) para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:
```
<input id="Radio1" type="radio" name="Radio1">
```
Para obter mais informações, consulte Controles de entrada HTML, HtmlInputRadioButton Servidor Controlar Declarative Syntax, Visão geral sobre controles de Servidor RadioButtonList Web e RadioButton, HtmlInputRadioButton, e RadioButton.
Entrada (oculto)

Insere um input elemento de type="hidden". Por padrão, id="Hidden1" é inserido para o primeiro campo oculto id="Hidden2" para o segundo e assim por diante.

Quando você arrastar Entrada (oculto) para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:
```
<input id="Hidden1" type="hidden" name="Hidden1"> 
```
Para obter mais informações, consulte Controles de entrada HTML, HtmlInputHidden Servidor Controlar Declarative Syntax e HtmlInputHidden.

Área de texto

Insere um textarea elemento. Você pode redimensionar a área de texto ou use suas barras de rolar para exibir o texto que se estende além da sua área de exibição.Para alterar o texto padrão que é exibido, edição o value atributo. Por padrão, id="textarea1" é inserido a primeira área de texto id=" textarea 2" para o segundo e assim por diante.

Quando você arrastar Área de texto para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:

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

Para obter mais informações, consulte HtmlTextArea Servidor Controlar Declarative Syntax, HtmlTextArea e TextBox.

Observação de segurança:
É recomendável que você validar todas as entradas do usuário.Para obter mais informações, consulte Validando Entrada de Usuário em Páginas da Web ASP.NET.

Tabela

Insere um table elemento.

Quando você arrastar Tabela para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:
```
<table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table> 
```
Para obter mais informações, consulte HtmlTable Servidor Controlar Declarative Syntax, Visão Geral do controle de servidor Web Table, TableRow e TableCell, HtmlTable e Table.
Image

Insere um img elemento. edição este elemento para especificar sua src e seus alt texto.

Quando você arrastar Imagem para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:
```
<img alt="" src="">
```
Para obter mais informações, consulte HtmlButton Servidor Controlar Declarative Syntax, Visão geral sobre controle de imagem de Servidor de Web, HtmlImage, HtmlInputImage, e Image.
Select

Insere um menu suspenso select elemento (sem um size atributo). Por padrão, id="select1" será inserida para a primeira caixa de listagem id="select2" para o segundo e assim por diante.

Quando você arrasta selecionar para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:
```
<select id="select1" name="select1"><option selected></option></select>
```
Você pode criar um várias linhasselect elemento aumentando o valor da propriedade dimensionar.

Para obter mais informações, consulte HtmlSelect Servidor Controlar Declarative Syntax, Como: Criar scripts e manipuladores de eventos de Editar, Visão geral do controle DropDownList do servidor Web, Visão Geral Sobre Controles ListBox do Servidor Web, HtmlSelect, e DropDownList.
Regra horizontal

Insere um hr elemento. Para aumentar a espessura da linha, edite o size atributo.

Quando você arrastar Regra horizontal para design modo de exibição de superfície, marcação HTML como o seguinte é inserido no documento:
```
<hr width="100%" size=1> 
```
Para obter mais informações, consulte Controle de regra horizontal do HTML.
Div

Insere um div elemento que inclui um ms_positioning="FlowLayout" atributo. Exceto para a largura e altura, este item é idêntico a um painel de layout de fluxo.Para formatar o texto que está contido dentro de div elemento, adicione um class="stylename" o atributo na marca de abertura.

Quando você arrasta Div até o modo de exibição de Design superfície, marcação HTML como a seguir é inserida no documento:
```
<div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>
```
Para obter mais informações, consulte Controle HTML Div, Visão geral sobre controle de servidor Web Label e Label.