Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
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 . |
Informações |
---|
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.
Máximo
max
Atributo do tipo numérico ou data, ele especifica o valor máximo do conteúdo de um componente. Utilizado quando o tipo do conteúdo é número, range, data, data local, hora, semana e mês.
Valor: numérico ou data.
Menu de contexto
contextmenu
Atributo que específica um menu de contexto ao componente. Ele aparece quando é utilizado o botão direito do mouse no componente.
Valor: identificadir do elemento.
OBS: esse atributo foi removido do HTML e não é compatível com nenhum navegador atualmente.
Mesclar colunas
colspan
Atributo do tipo numérico, ele especifica o número de colunas da tabela que devem ser mescladas.
Valor: numérico,
Mesclar linhas
rowspan
Atributo do tipo numérico, ele especifica o número de linhas da tabela que devem ser mescladas.
Valor: numérico,
Método de envio
method
Atributo com valores pré-definidos, ele especifica a forma como um formulário será enviado.
Valor: GET
ou POST
.
Mínimo
min
Atributo do tipo numérico ou data, ele especifica o valor mínimo do conteúdo de um componente. Utilizado quando o tipo do conteúdo é número, range, data, data local, hora, semana e mês.
Valor: numérico ou data.
Não validado
novalidate
Atributo do tipo booleano, ele informa que o formulário enviado não será validado.
Valor: true
ou false
.
Nome
name
Atributo do tipo texto, ele especifica o nome do componente para referenciar seu dado no formulário após ele ser enviado.
Valor: texto.
Nome atrelado
dirname
Atributo com valores pré-definidos, ele especifica para enviar a direção do texto de um conteúdo em um formulário.
Valor: o nome do componente terminado com a extensão .dir
.
Notifica
ping
Atributo do tipo texto, ele especifica as URLS que serão notificadas caso o link seja acessado. Um tipo de monitoramento.
Valor: URL
.
Origem
src
Atributo do tipo texto, ele especifica a URL de uma imagem.
Valor: URL
.
Para
for
Atributo do tipo texto, ele especifica a qual componente a tag label pertence.
Valor: identificador do componente.
Referência
href
Atributo do tipo texto, ele especifica a URL que será acessada.
Valor: URL
.
Regra
role
Atributo do tipo texto, ele especifica a semântica do componente para oferecer acessibilidade.
Valor: texto.
Nessa página
Índice maxLevel 3