Controle básico HTML Introdução_ Power Node Java College

As tags <input> são usadas para coletar informações do usuário.

De acordo com diferentes valores de atributo de tipo, o campo de entrada possui muitos formulários. Pode ser campos de texto, caixas de seleção, controles de texto após máscara, botões selecionados, botões e assim por diante.

Texto: área de texto

Atributo readonly: Leia apenas.

Senha: Área de senha, o texto de entrada é exibido em '*'

Caixa de seleção: caixa de seleção

Atributo verificado: se deve selecionar;

Rádio: caixa de seleção única;

Propriedades do nome: Especifique várias caixas de eleição única em uma área para operação de seleção única

Redefinir: Redefinir todos os rótulos no formulário <form> atual para inicializar o estado (como limpar o conteúdo da área de texto)

Envie: Envie as informações atuais do formulário <form> para a página especificada

Botão: botão comum

Atributo do valor: texto exibido por botão

Arquivo: Rótulo de seleção de arquivos

Ocultar: áreas ocultas, você pode mostrar algumas das informações que não mostram, e as informações que você usa são armazenadas aqui

Imagem: Área da imagem

Atributo src: especifique o caminho do armazenamento de imagem;

Atributo do título: o mouse se move para o texto exibido na figura;

ALT: Quando a imagem é carregada ou fechada, o texto exibido;

Você pode criar um menu único ou múltiplo, semelhante ao combox ou na ListBox of Winform.

1) Tamanho {int}: Defina o tamanho da lista de suspensão. O padrão é o estilo do combox;

2) múltiplo {boolean}: se várias opções. Se você escolher várias opções, pressione o botão Ctrl+esquerda para executar várias opções.

3) Item Sub -Item:

Tags <PtGroup> Tags: Defina a categoria do item de seleção, que não pode ser selecionado.

Rótulo {String} Propriedades: Nome da Categoria Exibir

Título {String} Propriedades: O mouse se move para o item de seleção, as informações a serem exibidas

② <pution> Tag: Defina itens opcionais

Vlaue {String} Propriedades: selecione o nome específico do item

Título {String} Propriedades: O mouse se move para o item de seleção, as informações a serem exibidas

Exemplo exemplar

 <H3> Selecione Rótulo </h3> <select id = província múltipla = tamanho múltiplo = 6> <optgroup rótulo = municipality> </optgroup> <opção value = bj <opção = sh> shanghai </opt </opt ion> <OptGroup Label = Provincial e Municípios> </ptgroup> <opção value = zj> zhejiang </pption> <opção value = fj> fujian </pption> </leclect>

As áreas de texto de várias linhas podem definir o tamanho da textarea através das propriedades cols e linhas.

Linhas {int}: indica o número de linhas exibidas.

Cols {int}: indica o número de colunas exibidas.

Readenly {boolean}: se deve ler apenas.

É equivalente a uma caixa de texto de exibição.

propriedade

Para {elementId}: associado o ID de controle correspondente;

 <Tabela> <td> <etiqueta para = 'nome de usuário'> nome: </elabel> </td> <type de entrada = iD de texto = 'nome de usuário'/> </td> </tr> <tr> <td> <laabel para = 'userpwd'> senha: </etiqueta> </td> <td> <type de entrada = senha id = 'userpwd'/> </td> </ tabela "

Semelhante ao controle do GrupoBox no WinForm.

<legend> </legend>: O nome da cabeça é.

 <H3> tag de camposet </h3> <fieldset style = 'width: 130px'> <legend> gênero </legend> <type de entrada = nome do rádio = 'vex' value = 'boy'/> masculino <input = name de rádio = 'Sexo' value = 'Girl' /> Mulheres </fieldset>

Ul, OL, LIT LIST Rótulo

UL: Lista não ordenada (lista de sequência)

OL: Lista ordenada (lista ordenada))

LI: Item de lista (projeto de lista), com base nas duas colunas acima de projetos de primo.

Exemplo de código:

 <ul tipo = círculo> <li> Ul1 </li> <li> ul2 </li> <li> ul3 </li> </ul> <Ol Type = 1> <li> li1 </li> <li > Li2 </li> <li> Li3 </li> </ar>

Tipo {String}: define o estilo de símbolo na frente da tag <li>.

Ul: Type tem: Circle Hollow, desquantário, quadrado quadrado quadrado, nenhum: frente de símbolos sem símbolos;

OL: Tipo tem: 1: entrando 1,2,3;