Caixa de ferramentas, guia HTML

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 caixa de ferramentase, em seguida, clique no HTML guia da caixa de ferramentas.

Para criar uma instância de uma ferramenta sobre o 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.

Tarefas

• How to: Manage the Toolbox Window

• How to: Manipulate Toolbox Tabs

Elementos da Interface do Usuário

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 é aberto.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.Para obter mais informações, consulte How to: Manage the Toolbox Window e How to: Manipulate Toolbox Tabs.

• 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 semelhante ao seguinte é inserida no documento:

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

  For more information, see HTML Input Controls, Sintaxe declarativa do controle de servidor HtmlInputButton, How to: Create Scripts and Edit Event Handlers, Button Web Server Controls Overview, 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 redefinição do primeiro botã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 semelhante ao seguinte é inserida no documento:

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

  Para obter mais informações, consulte HTML Input Controls, Sintaxe declarativa do controle de servidor HtmlInputReset, HtmlInputButton e 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 semelhante ao seguinte é inserida no documento:

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

  Para obter mais informações, consulte HTML Input Controls, Sintaxe declarativa do controle de servidor HtmlInputSubmit, HtmlInputButton e Button.

• Entrada (texto)
  

  Insere um input elemento do type="text" em seu 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 semelhante ao seguinte é inserida no documento:

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

  For more information, see HTML Input Controls, Sintaxe declarativa do controle HtmlInputText Server, TextBox Web Server Control Overview, HtmlInputText, and TextBox.

  Observação de segurança
  É recomendável que você valide todas as entradas do usuário.Para obter mais informações, consulte Validating User Input in ASP.NET Web Pages.

• Entrada (arquivo)
  

  Insere um input elemento do type="file" em seu 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 Input (File) para a superfície de exibição de Design, a marcação HTML semelhante ao seguinte é inserida no documento:

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

  Para obter mais informações, consulte HTML Input Controls, Sintaxe declarativa do controle de servidor HtmlInputFile e HtmlInputFile.

  Observação de segurança
  É recomendável que você valide todas as entradas do usuário.Para obter mais informações, consulte Validating User Input in ASP.NET Web Pages.

• Entrada (senha)
  

  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 semelhante ao seguinte é inserida no documento:

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

  Para obter mais informações, consulte HTML Input Controls, Sintaxe declarativa do controle de servidor HtmlInputPassword, How to: Set a TextBox Web Server Control for Password Entry e Walkthrough: Validating User Input in a Web Forms Page.

  Observação de 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" a IIS Operations Guide.Além disso, é recomendável que você valide todas as entradas do usuário.Para obter mais informações, consulte Validating User Input in ASP.NET Web Pages.

• 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 Input (caixa de seleção) para a superfície de exibição de Design, a marcação HTML semelhante ao seguinte é inserida no documento:

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

  For more information, see HTML Input Controls, Sintaxe declarativa do controle de servidor HtmlInputCheckBox, CheckBox and CheckBoxList Web Server Controls Overview, 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 semelhante ao seguinte é inserida no documento:

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

  For more information, see HTML Input Controls, Sintaxe declarativa do controle de servidor HtmlInputRadioButton, RadioButton and RadioButtonList Web Server Controls Overview, 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 semelhante ao seguinte é inserida no documento:

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

  Para obter mais informações, consulte HTML Input Controls, Sintaxe declarativa do controle de servidor Image e 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 semelhante ao seguinte é inserida no documento:

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

  Para obter mais informações, consulte Sintaxe declarativa do controle de servidor HtmlTextArea, HtmlTextArea e TextBox.

  Observação de segurança
  É recomendável que você valide todas as entradas do usuário.Para obter mais informações, consulte Validating User Input in ASP.NET Web Pages.

• Table
  

  Insere um table elemento.

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

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

  Para obter mais informações, consulte Sintaxe declarativa do controle de servidor HtmlTable, Table, TableRow, and TableCell Web Server Control Overview, HtmlTable e Table.

• Image
  

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

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

  <img alt="" src="">
  

  For more information, see Sintaxe declarativa do controle HtmlButton Server, Image Web Server Control Overview, 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 semelhante ao 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 size.

  For more information, see Sintaxe declarativa do controle de servidor HtmlSelect, How to: Create Scripts and Edit Event Handlers, DropDownList Web Server Control Overview, ListBox Web Server Control Overview, 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 semelhante ao seguinte é inserida no documento:

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

  Para obter mais informações, consulte HTML Horizontal Rule Control.

• 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 à tag de abertura.

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

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

  Para obter mais informações, consulte HTML Div Control, Label Web Server Control Overview e Label.

Consulte também

Referência

Caixa de ferramentas

Guia padrão, a caixa de ferramentas

Outros recursos

HTML Controls for ASP.NET Web Pages