Compartilhar via

Caixa de Ferramentas, Guia HTML

  • Artigo

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

Elementos da Interface do Usuário

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

  • Ponteiro
    Ponteiro de página HTML do Designer do ASP.NET para dispositivos móveis

    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)
    Botão de página da web HTML

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

  • Input (Reset)
    Captura de tela de HTMLpageResetButton

    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, HtmlInputReset Server Control Declarative Syntax, HtmlInputButton e Button.

  • Input (Submit)
    Captura de tela de HTMLpageToolbarSubmitButton

    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, HtmlInputSubmit Server Control Declarative Syntax, HtmlInputButton e Button.

  • Entrada (texto)
    Captura de tela de HTMLpageToolbarTextField

    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, HtmlInputText Server Control Declarative Syntax, TextBox Web Server Control Overview, HtmlInputText, and TextBox.

    Observação de segurançaObservaçã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)
    Campo de arquivo de página HTML

    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, HtmlInputFile Server Control Declarative Syntax e HtmlInputFile.

    Observação de segurançaObservaçã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)
    Campo de senha do Visual Studio

    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, HtmlInputPassword Server Control Declarative Syntax, 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çaObservaçã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)
    Opção de caixa de seleção da caixa de ferramentas de página da Web HTML

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

  • Input (Radio)
    Captura de tela de VisualStudioHTMLpageRadioButton

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

  • Entrada (ocultada)
    Oculta o Item de página HTML

    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, HtmlInputHidden Server Control Declarative Syntax e HtmlInputHidden.

  • TextArea
    Área de texto da barra de ferramentas de página HTML

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

    Observação de segurançaObservaçã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
    Captura de tela de HTMLpageToolbarTable

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

  • Image
    Item de imagem de página HTML

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

  • Select
    Página HTML suspensa da caixa de ferramentas

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

  • Régua horizontal
    Item de regra Horizontal de página HTML

    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
    Rótulo de página HTML

    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