Criar uma caixa de seleção HTML online
O Gerador HTML Checkbox cria um elemento <input type="checkbox"> com um <label> associado. Defina o nome do controle, o ID, o rótulo visível e o estado inicial marcado. A visualização e as saídas HTML e C# são atualizadas em conjunto.
Opções do Gerador HTML Checkbox
- Name define o atributo
nameda caixa de seleção, usado quando o formulário envia o controle selecionado. - ID define o atributo
iddo campo. O rótulo gerado usa o mesmo valor no atributofor. - Label define o texto visível exibido ao lado da caixa de seleção.
- Checked adiciona o atributo booleano
checkede deixa a caixa de seleção inicialmente marcada.
Use um ID não vazio e exclusivo no documento final para manter o rótulo explicitamente associado à caixa de seleção.
Criar uma HTML Checkbox em C#
O painel C# mostra como criar a mesma caixa de seleção e seu rótulo com Aspose.HTML for .NET . O código gerado segue este fluxo:
- Crie um
HTMLDocumente useCreateElement()para criar umHTMLInputElement. - Defina o tipo
checkbox, o ID, o nome e o estado inicial marcado de acordo com as opções selecionadas. - Crie um
HTMLLabelElemente defina sua propriedadeFore o texto visível. - Adicione os dois elementos com
AppendChild()e salve o documento final comSave().
Configure primeiro a caixa de seleção e depois copie o código C# atualizado para seu projeto .NET.
Perguntas sobre o Gerador HTML Checkbox
1. Por que o atributo id da caixa de seleção deve corresponder ao atributo for do rótulo?
Valores correspondentes associam explicitamente o rótulo à caixa de seleção. Ao clicar no rótulo, o controle é alternado, e tecnologias assistivas conseguem identificar o texto que o descreve. Mantenha o id exclusivo na página.
2. Qual é a diferença entre os atributos name e id da caixa de seleção?
O atributo name identifica o valor da caixa de seleção no envio do formulário. O atributo id identifica o elemento no documento e o conecta ao rótulo. Várias caixas podem compartilhar um nome, mas cada id deve ser exclusivo.
3. O que é enviado quando uma caixa de seleção não está marcada?
Uma caixa de seleção desmarcada não inclui um par nome-valor no envio do formulário. Se estiver marcada e não tiver um valor explícito, o navegador usará o valor padrão on.
4. A opção Checked impede o usuário de desmarcar a caixa de seleção?
Não. O atributo checked define somente o estado inicial quando a página é carregada. O usuário ainda pode marcar ou desmarcar o controle, a menos que uma lógica separada da aplicação o desative ou controle.
5. Posso criar várias caixas de seleção com o mesmo nome?
Sim. Caixas de seleção relacionadas podem compartilhar um nome, mas devem ter IDs e rótulos exclusivos. Adicione atributos value distintos após copiar o HTML gerado se o servidor precisar diferenciar as opções selecionadas.
Instalar o Aspose.HTML for .NET
Instale o Aspose.HTML for .NET pelo NuGet usando a CLI do .NET:
dotnet add package Aspose.HTML
Você também pode usar a interface do Gerenciador de Pacotes NuGet ou executar Install-Package Aspose.HTML no Console do Gerenciador de Pacotes. Consulte o
guia de instalação
para configurar a biblioteca ou solicite uma
licença temporária
para avaliar a API sem limitações.
Outros geradores HTML
Crie e visualize a marcação de outros elementos HTML comuns.