- Criado por Deborah Melo de Carvalho, última alteração em 07/05/2021
Você está vendo a versão antiga da página. Ver a versão atual.
Comparar com o atual Ver Histórico da Página
« Anterior Versão 16 Próxima »
As propriedades dos componentes visuais do Cronapp podem vim de atributos HTML, directivas Angular ou do próprio Cronapp e elas podem variar conforme o componente visual selecionado. Além disso, caso a propriedade desejada não se encontre na paleta, é possível adicionar uma nova conforme desejada - mas elas precisam ser interpretadas pelo navegador corretamente.
Atributos HTML
Ação do formulário
formaction
Atributo que específica onde deve ser enviado os dados do formulário quando ele é enviado. Funciona somente quando o componente é do tipo submit.
Valor: URL
.
accesskey
accesskey
Atributo que específica uma tecla de atalho, que deve ser somente um caractere, para focar no componente quando a mesma é pressionada.
Valor: caractere (m
, d
, e
, etc.).
OBS: os comandos para focar no componente vária conforme o tipo de navegador e sistema operacional.
Aceita
accept
Atributo que específica quais tipos de arquivo o usuário deve adicionar na caixa de diálogo. Funciona somente quando o componente é um input com o tipo file.
Valor: extensão do arquivo (.png
, .pdf
, etc.), audio/*
, video/*
, image/*
ou tipo de media.
OBS: O /* após o nome informa que ele aceita qualquer extensão de arquivo.
Aceita conjunto de caracteres
accept-charset
Atributo com valor do pré-definido, ele especifica qual codificação do caractere será usada ao enviar um formulário.
Valor: UTF-8
ou ISO-8859-1
.
Alinhamento
align
Atributo com valor pré-definido, ele faz o alinhamento do conteúdo da célula conforme o valor informado.
Valor: left
, center
, right
, justify
ou char
.
OBS: atributo se encontra depreciado. Hoje em dia, ele é usado pelo CSS.
allowfullscreen
allowfullscreen
Atributo com valor do tipo booleano, ele determina se o preenchimento total da tela será ativado ou não. Funciona somente quando o componente é um iframe.
Valor: true
ou false
.
Altura
height
Atributo com valor numérico, ele especifica a altura do componente imagem em pixels.
Valor: numérico.
Alvo
target
Atributo com valores pré-definidos, ele especifica o local onde será exibido a resposta que é recebida após enviar um formulário.
Valor: _blank
, _self
, _parent
, _top
ou frame (informando o nome do frame).
aria-label
aria-label
Atributo do tipo texto, ele especifica um texto para o componente atual.
Valor: string
.
OBS: ele é um atributo para acessibilidade.
Arrastável
draggable
Atributo do tipo booleano, ele especifica que o componente pode ser arrastado ou não. Muito utilizado em operações de arraste e solte.
Valor: true
ou false
.
Auto completar
autocomplete
Atributo do tipo booleano, ele especifica se o elemento pode completar automaticamente ou não um texto.
Valor: on
ou off
.
Baixar
download
Atributo que específica que o que contém no atributo href será baixado ao invés de ser redirecionado.
Valor: (opcional) nome para o arquivo que será baixado.
Borda
border
Atributo que específica o tamanho da borda que ficará ao redor da imagem.
Valor: numérico.
OBS: atributo se encontra depreciado. Hoje em dia, ele é usado pelo CSS.
Cabeçalho
headers
Atributo do tipo texto, ele especifica uma ou mais células do tipo cabeçalho no qual uma célula da tabela está relacionada através de seus IDs.
Valor: identificadores do cabeçalho da tabela.
Checador gramatical
spell-check
Atributo do tipo booleano, ele especifica se o componente irá fazer a checagem gramatical do conteúdo inserido.
Valor: true
ou false
.
OBS: só é valido para campos de input (exceto quando o tipo é password), áreas de texto e componentes editáveis.
Conteúdo editável
contenteditable
Atributo do tipo booleano, ele informa se o componente é editável ou não.
Valor: true
ou false
.
Cor de fundo
bgcolor
Atributo com valor do tipo texto, ele define a cor de fundo do componente.
Valor: #0000FF
(em hexadecimal), rgb(0,0,255)
(em RGB), ou blue
(nome da cor).
Desabilitado
disabled
Atributo do tipo booleano, ele é usado para desabilitar o componente.
Valor: disabled
.
Direção
dir
Atributo com valores pré-definidos, ele especifica a direção do texto no componente.
Valor: ltr
(da esquerda para direita), rtl
(da direita para esquerda) ou auto
.
É mapa?
ismap
Atributo do tipo booleano, ele especifica se a imagem possui áreas clicáveis. Se sim, será enviada as coordenadas do ponto clicado através de uma URL na forma de uma query string.
Valor: ismap
Envolver
wrap
Atributo com valores pré-definidos, ele especifica como um conteúdo do componente área de texto deve ser embrulhado quando o componente é enviado em um formulário.
Valor: soft
ou hard
.
Escondido
hidden
Atributo do tipo booleano, ele é usado para esconder o componente.
Valor: hidden
.
OBS: o componente também é escondido no editor, então clique no ícone para exibir elementos ocultos para que o mesmo seja visível novamente.
Escopo
scope
Atributo com valores pré-definidos, ele especifica se a célula de cabeçalho é para uma coluna ou uma linha (ou para um grupo de colunas ou de linhas) de uma tabela.
Valor: col
(coluna), row
(linha), colgroup
(grupo de colunas) ou rowgroup
(grupo de linhas).
Estilo customizado de media
media
Atributo com valores pré-definidos, ele especifica qual media ou dispositivo que o documento utilizado será otimizado. É utilizado em componentes de link.
Valores | |
---|---|
Operadores | and , not e , . |
Dispositivos | all , print , screen e speech . |
Valores | aspect-radio , color , color-index , grid , height , monochrome , orientation , resolution , scan e width . |
Para saber mais sobre os valores, acesse a documentação sobre o atributo.
OBS: é mais utilizado em arquivos CSS.
Estilos
style
Atributo usado para estilizar o componente.
Valor: atributo de estilização e seu valor.
OBS: É recomendo fazer a estilização de componentes através de arquivos CSS.
Focar automaticamente
autofocus
Atributo do tipo booleano, ele especifica que o componente será focado assim que a página for carregada.
Valor: autofocus
.
Forma
shape
Atributo com valores pré-definidos, ele especifica a forma da área que será clicada. Usado junto com os atributos de coordenadas e em componentes do tipo mapa.
Valor: default
(marca a região total), rect
(marca uma região retangular), circle
(marca uma região circular) e poly
(marca uma região polígona).
Formulário
form
Atributo do tipo texto, ele epecifica a identificação (através do ID) do formulário que o componente pertence.
Valor: identificador do formulário.
Identificador
id
Atributo do tipo texto, ele é usado para especificar um valor único para o componente.
Valor: texto.
Imagem mapeada
usemap
Atributo do tipo texto, ele forma uma relação entre uma imagem e um mapa (através do nome do mapa) e ele especifica a imagem como mapa.
Valor: nome do mapa.
Index da tabela
tabindex
Atributo do tipo numérico, ele especifica a ordem que o componente será selecionado quando a navegação é através da tecla TAB do teclado.
Valor: numérico.
Largura
width
Atributo do tipo numérico, ele especifica a largura do componente em pixels.
Valor: numérico.
Linguagem
lang
Atributo do tipo texto, ele especifica o idioma do conteúdo de um componente.
Valor: código do idioma.
Linguagem de referência
hreflang
Atributo do tipo texto, ele especifica o idioma do documento que se encontra vinculado ao atributo de referência (href).
Valor: código do idioma.
Linhas
rows
Atributo do tipo numérico, ele especifica a quantidade de linhas em um componente do tipo área de texto.
Valor: numérico.
Local de colar
dropzone
Atributo que específica que o componente pode ser como local de drop quando um componente arrastável é selecionado.
Valor: nome do componente.
OBS: esse atributo não é compatível com nenhum navegador atualmente.
Nessa página
- Sem rótulos