Guia HTML, caixa de ferramentas

O HTML guia da caixa de ferramentas fornece componentes que são úteis em páginas da Web e Web forms. Para exibir essa guia, primeiro abra um documento para edição no HTML designer. No Exibir menu, clique em Toolboxe clique o HTML guia da caixa de ferramentas.

Para criar uma instância de uma ferramenta de HTML guia, ou clique duas vezes na ferramenta para adicioná-lo ao seu documento no ponto de inserção atual, ou selecione a ferramenta e arraste-o para a posição desejada na superfície de edição.

Tasks

• Como: Gerenciar a janela Toolbox

• Como: Manipular guias da caixa de ferramentas

UI Elements

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

• Ponteiro
  

  Essa ferramenta é selecionada por padrão, quando qualquer guia da caixa de ferramentas é aberta. Ele não pode ser excluído. O ponteiro permite arrastar objetos para a superfície de exibição de Design, redimensioná-las e reposicioná-las no formulário ou página. For more information, see Como: Gerenciar a janela Toolbox and Como: Manipular guias da caixa de ferramentas.

• Entrada (botão)
  

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

  Quando você arrasta entrada (botão) para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Controles de entrada HTML, Sintaxe declarativa do controle de servidor HtmlInputButton, Como: criar scripts e editar manipuladores de eventos, Mapa de conteúdo de controles de servidor Web Button, HtmlInputButton, HtmlButton, and Button.

• Input (Reset)
  

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

  Quando você arrasta Input (Reset) para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Controles de entrada HTML, Sintaxe declarativa do controle de servidor HtmlInputReset, HtmlInputButton, and Button.

• Input (Submit)
  

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

  Quando você arrasta Input (Submit) para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Controles de entrada HTML, Sintaxe declarativa do controle de servidor HtmlInputSubmit, HtmlInputButton, and Button.

• Entrada (texto)
  

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

  Quando você arrasta Input (Text) para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Controles de entrada HTML, Sintaxe declarativa do controle HtmlInputText Server, Visão geral do controle de servidor Web TextBox, HtmlInputText, and TextBox.

  Observação sobre segurança
  É recomendável que você valide todas as entradas do usuário. For more information, see Validando a entrada do usuário em páginas da Web do ASP.NET.

• Entrada (arquivo)
  

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

  Quando você arrasta (arquivo) de entrada para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Controles de entrada HTML, Sintaxe declarativa do controle de servidor HtmlInputFile, and HtmlInputFile.

  Observação sobre segurança
  É recomendável que você valide todas as entradas do usuário. For more information, see Validando a entrada do usuário em páginas da Web do ASP.NET.

• Input (Password)
  

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

  Quando você arrasta Input (Password) para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Controles de entrada HTML, Sintaxe declarativa do controle de servidor HtmlInputPassword, Como: definir um controle de servidor Web TextBox para a entrada de senhas, and Passo a passo: validando entrada de usuário em uma página de formulários da Web.

  Observação sobre segurança

  Se seu aplicativo transmite nomes de usuário e senhas, você deve configurar seu site da Web para usar o Secure Sockets Layer (SSL) para criptografar a transmissão. Para obter mais informações, consulte "Protegendo conexões com SSL" no IIS Operations Guide. Além disso, é recomendável que você valide todas as entradas do usuário. For more information, see Validando a entrada do usuário em páginas da Web do ASP.NET.

• Entrada (caixa de seleção)
  

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

  Quando você arrasta (caixa de seleção) de entrada para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Controles de entrada HTML, Sintaxe declarativa do controle HtmlInputCheckBox Server, Visão geral de controles de servidor Web CheckBox e CheckBoxList, HtmlInputCheckBox, and CheckBox.

• Input (Radio)
  

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

  Quando você arrasta Input (Radio) para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Controles de entrada HTML, Sintaxe declarativa do controle de servidor HtmlInputRadioButton, Visão geral sobre controles de servidor Web RadioButtonList e RadioButton, HtmlInputRadioButton, and RadioButton.

• Entrada (ocultada)
  

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

  Quando você arrasta Input (Hidden) para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Controles de entrada HTML, Sintaxe declarativa do controle de servidor Image, and HtmlInputHidden.

• TextArea
  

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

  Quando você arrasta Textarea para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Sintaxe declarativa do controle de servidor HtmlTextArea, HtmlTextArea, and TextBox.

  Observação sobre segurança
  É recomendável que você valide todas as entradas do usuário. For more information, see Validando a entrada do usuário em páginas da Web do ASP.NET.

• Table
  

  Insere um table elemento.

  Quando você arrasta tabela para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Sintaxe declarativa do controle de servidor HtmlTable, Visão Geral do controle de servidor Web Table, TableRow e TableCell, HtmlTable, and Table.

• Image
  

  Insere um img elemento. Editar este elemento para especificar seu src e seus alt de texto.

  Quando você arrasta imagem para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

  <img alt="" src="">
  

  For more information, see Sintaxe declarativa do controle HtmlButton Server, Visão geral sobre controle de servidor Web Image, HtmlImage, HtmlInputImage, and Image.

• Select
  

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

  Quando você arrasta Selecionar para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  Você pode criar uma várias linhas select elemento aumentando o valor da propriedade de tamanho.

  For more information, see Sintaxe declarativa do controle de servidor HtmlSelect, Como: criar scripts e editar manipuladores de eventos, Visão geral do controle de servidor Web DropDownList, Visão geral sobre controles de servidor Web ListBox, HtmlSelect, and DropDownList.

• Régua horizontal
  

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

  Quando você arrasta Regra Horizontal para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see 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 de um painel de Layout de fluxo. Para formatar o texto que está contido dentro de div elemento, adicionar um class="stylename" atributo para a marca de abertura.

  Quando você arrasta Div para a superfície de exibição de Design, a marcação HTML como o seguinte é inserida no documento:

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

  For more information, see Controle HTML Div, Visão geral sobre controle de servidor Web Label, and Label.

Consulte também

Referência

Caixa de ferramentas

Guia padrão, a caixa de ferramentas

Outros recursos

Controles HTML para páginas da Web do ASP.NET