Form components

Form Components introductions

component	Introduções	Minimum version
button	Button.	1.0.0
checkbox-group	Seletor múltiplo, Internet composta por MultipleCheckBox.	1.0.0
checkbox	Itens de seleção múltipla.	1.0.0
form	Formulário. Que o usuário dentro do componente insere a entrada de slider de entrada de entrada de entrada. Quando você clicar no formulário para o componente de envio, o valor do valor, você precisa adicionar o nome à ação como chave.	1.0.0
input	Caixa de entrada.	1.0.0
label	Usado para melhorar a usabilidade dos componentes do formulário. Use o atributo for para encontrar o ID correspondente ou colocar o controle sob o rótulo, que desencadeia o controle de resposta quando clicado. Para precedência sobre os controles da Internet, e o primeiro controle gatilho por Padrão quando existem vários controles internos. Os controles aos quais você pode vincular são: botão, caixa de seleção, rádio, interruptor.	1.0.0
picker	Um seletor de rolamento que aparece de baixo.	1.0.0
picker-view	Incorporar o seletor de rolagem da página. Que só pode ser colocado Picker-Video Outros nós não são exibidos.	1.0.0
picker-view-column	Role os subtistas seletores. Somente pode ser colocado na visão de seleção A altura de seus nós filhos é definida automaticamente na mesma altura no. De na vista do peixe é a altura do AME como a caixa de seleção	1.0.0
radio-group	Seletor único, Internet composta por múltiplas composição de rádio.	1.0.0
radio	Item de rádio.	1.0.0
slider	Deslize os seletores.	1.0.0
switch Seletor de comutação.	1.0.0
textarea	Caixa de entrada multilina.	1.0.0
editor	Editor de texto rico	2.5.2
keyboard-accessory	Configure a entrada de entrada / textarea acima da visualização da barra de ferramentas de cobertura / imagem do teclado / cobertura	2.11.6

button

attribute	type	Default value	Required	Introduções	Minimum version
size	string	default	no	Tamanho do botão	1.0.0
type	string	default	no	Tipo de estilo de	1.0.0
plain	boolean	false	no	Se o LON é oco, a cor do fundo é transparente	1.0.0
disabled	boolean	false	no	Está desativado?	1.0.0
loading	boolean	false	no	O nome vem com o ícone de carregamento	1.0.0
form-type	string		no	Use para o componente do formulário, clique em separadores para acionar o componente de componente de formulário/redefinição	1.0.0
open-type	string		no	Habilidade aberta do Phiz	2.12.11
hover-class	string	button-hover	no	Especifica a classe de estilo para a qual está pressionado.	2.11.4
hover-stop-propagation	boolean	false	no	Especifica se deve impedir que o ancestral desse nó	2.11.4
hover-start-time	number	20	no	Quanto tempo leva para ligar, em milissegundos?	2.11.4
hover-stay-time	number	70	no	Clique no tempo de espera após a liberação do dedo, em milissegundos	2.11.4
lang	string	en	no	Especifica o idioma em que as informações do usuário são Returnet, ZH_CN simplificou chinês, en_tw tradicional, engish.	Not supported
session-from	string		no	Fonte da sessão, Open Type = "Contal"	2.12.11
send-message-title	string	Current title	no	Título do cartão de mensagem na sessão, valor que = "contal"	2.12.11
send-message-path	Current sharing path	default	no	O cartão de mensagem na sessão é válido quando clica no caminho do phizclip Jump, open-type = "contory"	2.12.11
send-message-img	string	screenshot	no	Picção do cartão de mensagem na sessão, válido quando opentype = "Contato"	2.12.11
app-parameter	string		no	Abra o aplicativo quando, para app, o parâmetro passou é válido quando o tipo aberto = LaunchApp	2.12.11
show-message-card	boolean	false	no	Se você deve exibir um cartão de mensagem na sessão, defina este parâmetro como TRUE, os usuários que entram no atendimento ao cliente exibirão "pode ​​querer enviar mini propuls" no canto inferior direito, os usuários podem clicar no phizclip pode enviar rapidamente um Mensagem, Open Type = "Control" Valor	2.12.11
bindgetuserinfo	eventhandle		no	Quando o usuário clicar no ON, as informações do usuário serão retornadas. [pz.GetUserinfo] D	2.12.11
bindcontact	eventhandle		no	Retorno de chamada de mensagem de atendimento ao cliente, valor que = "contorno"	Not supported
bindgetphonenumber	eventhandle		no	Retorno de chamada do número de telefone do usuário, valor aberto do tipo = getphoneNumber	2.12.11
binderror	eventhandle		no	Um retorno de chamada ruim ocorre ao usar recursos. Válido quando o tipo aberto = LaunchAppp	2.12.11
bindopensetting	eventhandle		no	Retorno de chamada depois de abrir a página Configurações de autorização, Open Type = OpenSetting	2.12.11
bindlaunchapp	eventhandle		no	App App Retorno de chamada bem -sucedido, Open Type = LaunchApp	2.12.11
bindchooseavatar	eventhandle		no	App App Retorno de chamada bem -sucedido, Open Type = LaunchApp	2.12.11

size Legal value

Value	Introduções	Minimum version
default	Tamanho padrão
mini	Tamanho pequeno

type Legal value

Value	Introduções	Minimum version
primary	Verde
default	Branco
warn	vermelho

form-type Legal value

Value	Introduções	Minimum version
submit	Enviar formulário
reset	Redefinir formulário

form-type Legal value

Value	Introduções	Minimum version
contact	Abra a sessão de atendimento ao cliente	2.12.11
share	Acionar o usuário a encaminhar	2.12.11
getPhoneNumber	Obtenha o número de telefone do usuário, o branco pode ser obtido no retorno de chamada do número de telefone Bind, explicações explícitas	2.12.11
getUserInfo	Obtenha informações do usuário, branco, você pode obter do retorno de chamada do userInfo bindinfo	2.12.11
launchApp	Abra o aplicativo, você pode definir os parâmetros para o aplicativo por meio do parâmetro de aplicativo atributionexpliclic Explication	2.12.11
openSetting	Página de configurações de autorização aberta	2.12.11
feedback	Abra a página "Feedback"	2.12.11
chooseAvatar	Obtenha o Avatar do Usuário, você pode obter as informações do Avatar no retorno de chamada do BindChooSeavata	2.12.11

lang Legal value

Value	Introduções	Minimum version
en	Inglês
zh_CN	Simplifique chinês
zh_TW	Chinês Tradingal

checkbox

attribute	type	Default value	Required	Introduções	Minimum version
color	string	#09BB07	no	Cor da caixa de seleção, igual à cor CSS	1.0.0
value	string		no	Caixa de seleção, acionada quando selecionada, interromper o evento) Alterar e carregar a caixa de seleção do valor	2.11.4
disabled	boolean	false	no	Está desativado?	2.11.4
checked	boolean	false	no	Atualmente é selectID, pode ser usado para definir a seleção padrão	2.11.4

checkbox-group

attribute	type	Default value	Required	Introduções	Minimum version
bindchange	EventHandle		no	Aciona quando um item de verificação muda no evento de alteração do grupo de seleção, detalhe = {value: [Array de valores para a caixa de seleção Selecionar]}	2.11.4

editor

attribute	type	Default value	Required	Introduções	Minimum version
read-only	boolean	false	no	Defina o editor para somente leitura	2.7.0
placeholder	string		no	Informações rápidas	2.7.0
show-img-size	boolean	false	no	Informações rápidas	2.7.0
show-img-toolbar	boolean	false	no	Exibir a barra de ferramentas controla ao apertar um PICTION	2.7.0
show-img-resize	boolean	false	no	Clique na imagem para mostrar o controle de tamanho de mudança	2.7.0
bindready	eventhandle		no	Acionado quando a inicialização do editor está completa	2.7.0
bindfocus	eventhandle		no	Acionado quando o editor está focado, evento. Detalhe = {html, texto, delta}	2.7.0
bindblur	eventhandle		no	Acionado quando o editor está focado, evento. Detalhe = {html, texto, delta}	2.7.0
bindinput	eventhandle		no	Acionado quando o conteúdo do editor muda, detalhe = {html, texto, delta}	2.7.0
bindstatuschange	eventhandle		no	Adote o método de contexto para mudar um estilo no editor, retornando um estilo já definido para a seleção	2.7.0

form

attribute	type	Default value	Required	Introduções	Minimum version
report-submit	boolean	false	no	Se você deve retornar o formid para enviar uma mensagem	1.0.0
bindsubmit	eventhandle		no	Carregar dados de formulário acionando no evento de envio, event.detail = {value: {'name': 'value'}, formid: ''}	1.0.0
bindreset	eventhandle		no	Acionado quando o formulário é redefinido de redefinição	1.0.0
report-submit-timeout	number	0	no	Aguarde um período de tempo (milissegundos) para confirmar se deve entrar em vigor. Se esse parâmetro não for especificado, o formid até ser um pequeno projeto de que ele será inválido (como no caso de uma falha de rede). Permita que você detecte FormID O tempo deste parâmetro é usado como tempo limite para este teste. Se ele falhar, o Resturns RequestFormid: FAIL FORMID inicial	Not supported

label

attribute	type	Default value	Required	Introduções	Minimum version
for	string		no	ID de controle de ligação	1.0.0

picker

attribute	type	Default value	Required	Introduções	Minimum version
mode	string	selector	no	Tipo de seletor	1.0.0
disabled	boolean	false	no	Está desativado?	1.0.0
confirm-color	string	#586c94	no	Confirmar a cor do texto do botão	1.0.0
cancel-color	string	#586c94	no	Cancelar a cor do texto do botão	1.0.0
bindcancel	eventhandle		no	Título seletor, disponível apenas para Android
header-text	string		no	Título seletor, disponível apenas para Android	Not supported

mode Legal value

Value	Introduções	Minimum version
selector	Seletor comum
multiSelector	Seletor de várias colunas
time	Seletor de tempo
date	Picker de data
region	Seletor urbano provincial

Além dos atributos universais mencionados acima, para um modo diferente, o selecionador possui atributos diferentes.

Multiple column selector: mode = multiSelector

attribute	type	Default value	Required	Introduções	Minimum version
range	array/object array	[]	no	Modo para seletor ou intervalo multisseletor eficaz
range-key	string		no	Quando o alcance é uma ... matriz de objetos quando a chave de alcance especificar o objeto em teclas exibe conteúdo como um seletor
value	array	[]	no 7
bindchange	eventhandle		no	Valor acionado quando Alterar Evento de Alterar, Event.Detail = {Value}
bindcolumnchange	eventhandle		no	Acionado quando a coluna muda

Multiple column selector: mode = time

attribute	type	Default value	Required	Introduções	Minimum version
value	string		no	Indica o tempo selecionado no formato "hh: mm"
start	string		no	Indica o tempo selecionado no formato "hh: mm"
end	string		no	Reprime o final de um intervalo de tempo válido, com o formato da string "hh: mm"
bindchange	eventhandle		no	Valor acionado quando Alterar Evento de Alterar, Event.Detail = {Value}

Multiple column selector: mode = date

attribute	type	Default value	Required	Introduções	Minimum version
value	string	Same day	no	Representa a data selecionada no formato "AAAA-MM-DD"
start	string		no	Reprime o início de um intervalo válido, com um formato de string de "AAAA-MD-MD-DD"
end	string		no	Representa o ED de um intervalo de data válido no formato da string "AAAA-MM-DD"
fields	string	day	no	Ano de valor válido, mês, dia, reprime o granular do seletor
bindchange	eventhandle		no	Ano de valor válido, mês, dia, reprime o granular do seletor

fields Valid value:*

Value	Introduções	Minimum version
year	Granulalidade seletora é ano
month	Granular seletor é mês
day	Granular seletor é dia

Multiple column selector: mode = region

attribute	type	Default value	Required	Introduções	Minimum version
value	array	[]	no	Reprime a província seletica, com o primeiro valor em cada coluna selecionada por padrão
custom-item	string		no	You can add a custom item to the top of each column
level	string		no	Região	Selector Hierarchy
bindchange	eventhandle		no	Valor acionado quando alterar o evento Alterar, Event.Detail = {Value, Código, Código PostCode}, onde o código dos campos é um código de estatística, código postal é um código Zi P.

picker-view

attribute	type	Default value	Required	Introduções	Minimum version
value	Array		no	Os números na matriz são representantes de itens selecionados da coluna de view-view-view-view-view-view (subscrito do 0 START), o número é maior que o comprimento opcional do Pan Iicker-Video, selecione o último item de TI.	1.0.0
indicator-style	string		no	Defina o estilo da caixa de seleção no meio do seletor	1.0.0
indicator-class	string		no	Defina o nome da classe da caixa de seleção do meio no seletor	2.11.4
immediate-change	boolean	false	no	Se ou não, experimente o evento de alteração, imagine quando o dedo estiver relacionado. Se não estiver ligado, o evento de mudança será acionado após o rolante.	Not supported
mask-style	string		no	Defina o estilo da máscara	2.11.4
mask-class	string		no	Defina o nome da classe da máscara	2.11.4
bindchange	eventhandle		no	Aciona o evento de mudança ao rolar a seleção, evento.	2.11.4
bindpickstart	eventhandle		no	Evento de gatilho quando a seleção de rolagem começa	2.11.4
bindpickend	eventhandle		no	Evento de gatilho quando a seleção de rolagem termina	2.11.4

picker-view-column

Item do dispositivo de seleção de rolamento. Ele só pode ser colocado no seletor-Em vista, a altura do nó infantil será automaticamente definida como o picador-A altura da caixa de seleção da vista

radio

attribute	type	Default value	Required	Introduções	Minimum version
color	string	#09BB07	no	Cor do rádio, a mesma que a cor do CSS	1.0.0
value	string		no	Identificação de rádio. Quando radio, quando selecionD, o grupo de rádio de mudança de eventos levará o valor de	2.11.4
checked	boolean	false	no	Atualmente selecionado	2.11.4
disabled	boolean	false	no	Está desativado?	2.11.4

radio-group

attribute	type	Default value	Required	Introduções	Minimum version
bindchange	EventHandle		no	Acionado quando o item selecionado no evento de mudança de mudança de rádio, detalhe = {value: [matriz de valores para rádio selecionado]}	2.11.4

slider

attribute	type	Default value	Required	Introduções	Minimum version
min	number	0	no	Menor valor	1.0.0
max	number	100	no	Valor máximo	1.0.0
step	number	1	no	O tamanho da etapa deve ser greter que 0 e pode ser (max -min) inteiro	1.0.0
disabled	boolean	false	no	Está desativado?	1.0.0
value	number	0	no	Valor atual	1.0.0
color	color	#e9e9e9	no	Cor da barra de fundo use o backgroundcolor)	1.0.0
selected-color	color	#1aad19	no	Cor selecionada (use o ActiveColor)	1.0.0
show-value	boolean	false	no	Exibe o valor atual	1.0.0
bindchange	eventhandle		no	Evento acionado após concluir um arrasto, event.detail = {value}	1.0.0
activeColor	color	#1aad19	no	Cor selecionada	2.11.4
backgroundColor	color	#e9e9e9	no	Cor da barra de fundo	2.11.4
block-size	number	28	no	O tamanho do controle deslizante na faixa 12-28	2.11.4
block-color	color	#ffffff	no	Cor deslizante	2.11.4
bindchanging	eventhandle		no	Evento desencadeado Dring Drag, Event. Detalhe = {value}	2.11.4

switch

attribute	type	Default value	Required	Introduções	Minimum version
checked	boolean	false	no	Se selecionado	1.0.0
disabled	boolean	false	no	Está desativado?	1.0.0
type	string	switch	no	Estilo, valor válido: interruptor, caixa de seleção	1.0.0
color	string	#04BE02	no	Troque a cor do CSS de cor	1.0.0
bindchange	eventhandle		no	Verificado acionado quando lhest chang events, event.detail = {value}	1.0.0

input

attribute	type	Default value	Required	Introduções	Minimum version
value	string		yes	O conteúdo inicial da caixa de entrada	2.11.4
type	string	text	no	Tipo de entrada	2.11.4
password	boolean	false	no	É um tipo de senha?	2.11.4
placeholder	string		yes	Espaço reservado quando a caixa de entrada está vazia	2.11.4
placeholder-style	string		yes	Estilo de espaço reservado para designação	2.11.4
placeholder-class	string	input-placeholder	no	Classe de estilo de espaço reservado para designação	2.11.4
disabled	boolean	false	no	Está desativado?	2.11.4
maxlength	number	140	no	Comprimento máximo de entrada, definido como -1 não limita o Langth máximo	2.11.4
cursor-spacing	number	0	no	Especifica a distância entre o cursor e a entrada do teclado a distância a partir do fundo e espaçando o cursor do mínimo distanciado como a distância B. ETIVE O CURSOR e o teclado
auto-focus	boolean	false	no	(Em breve será abandonado, por favor, use foco diretamente) foco automático, puxe o teclado
focus	boolean	false	no	Obtendo foco
confirm-type	string	done	no	Defina o texto do canto inferior direito do teclado, que entra em vigor apenas quando tipo = 'texto'
cursor	number		yes	Especifica a posição do cursor ao focar
confirm-hold	boolean	false	no	Clique no canto inferior direito do teclado para manter o teclado não é dobrado
selection-start	number	-1	no	Posição inicial do cursor, válida para agregação automática, com o final da seleção
selection-end	number	-1	no	Fim da posição do cursor, válido para agregação automática, com seleção
adjust-position	boolean	true	no	A página aumenta quando o teclado salta
bindinput	eventhandle		yes	Acionado quando a entrada do teclado, event.detail = {value, cursor, KeyCode}, KeyCode é o valor da chave, 2.1.0 A função Handler pode recuperar diretamente uma string que substitui o conteúdo da caixa de entrada.
bindfocus	eventhandle		yes	Acionado quando a caixa de entrada é focada, event.detail = {value, altura}, altura para a altura do teclado, na biblioteca base 1.9.90 Suporte de ascensão
bindblur	eventhandle		yes	Acionado quando a caixa de entrada perde foco, evento.
bindconfirm	eventhandle		yes	Acionado quando o acabamento está clicado, event.detail = {value}
bindkeyboardheightchange	eventhandle		yes	Este evento está tentando quando a altura do teclado muda. = {Altura: Altura, Duração: Duração: Duração}
always-embed	boolean	false	no	Força a entrada no mesmo estado de nível, a entrada do tempo de foco padrão que ele corta para o número.	Not supported
hold-keyboard	boolean	false	no	Não fecha o teclado quando você clica na página
safe-password-cert-path	string		no	Caminho de chave de criptografia de teclado seguro	Not supported
safe-password-length	number		no	Comprimento de senha de entrada do teclado seguro	Not supported
safe-password-time-stamp	number		no	Não suportado	Not supported
safe-password-nonce	string		no	Não suportado	Not supported
safe-password-salt	string		no	O teclado de segurança calculadores o valor do sal de hash, se a hash personalizada for especificada é inválida	Not supported
safe-password-custom-hash	string		no	O teclado de segurança avalia expressões algorítmicas de hash, como md5(sha1('foo' + sha256(sm3(password + 'bar'))))	Not supported

type Legal value

value	Introduções	Minimum version
text	Teclado de entrada de texto
number	Teclado de entrada digital
idcard	Teclado de entrada de ID
digit	Teclado numérico com ponto decimal

Numeric keypad with decimal point

value	Introduções	Minimum version
send	A parte inferior direita está "SND" .
search	A parte inferior direita é "Pesquisar" .
next	A parte inferior direita é "a seguir" .
go	O canto inferior direito é "vá" .
done	O fundo do canto inferior está "feito"

textarea

attribute	type	Default value	Required	Introduções	Minimum version
value	string		no	Digite o conteúdo da caixa
placeholder	string		no	Espaço reservado quando a caixa de entrada está vazia
placeholder-style	string		no	Atualmente, o espaço reservado para designação suporta apenas a cor, o tamanho da fonte e o peso da fonte
placeholder-class	string	textarea-placeholder	no	Classe de estilo de espaço reservado para designação
disabled	boolean	false	no	Classe de estilo de espaço reservado para designação
maxlength	number	140	no	Comprimento máximo de entrada, definido como -1 não limita o Langth máximo
auto-focus	boolean	false	no	Foco automático, puxe o teclado.
focus	boolean	false	no	Foco automático, puxe o teclado.
auto-height	boolean	false	no	Foco automático, puxe o teclado.
fixed	boolean	false	no	Se textarea estava em uma posição de local: consertado, a propriedade especificada precisa ser exibida
cursor-spacing	number	0	no	Especifica a distância entre o cursor e o teclado. Taketextrathe do fundo e o colaborador especificado como a dita entre o cursor e o teclado
cursor	number	-1	no	Especifica a posição do cursor ao focar
show-confirm-bar	boolean	true	no	Exibir a barra acima do teclado com o "acabamento" em
selection-start	number	-1	no	Posição inicial do cursor, válida para agregação automática, com o uso da seleção-endcolocation
selection-end	number	-1	no	Posição final do cursor, válida para agregação automática, com as seleções de uso
adjust-position	boolean	true	no	A página aumenta quando o teclado salta
hold-keyboard	boolean	false	no	Não fecha o teclado quando você clica na página
disable-default-padding	boolean	false	no	Não fecha o teclado quando você clica na página
bindfocus	eventhandle		no	Acionado quando a caixa de entrada é focada, event.detail = {value, altura}, altura para a altura do teclado, na biblioteca base 1.9.90 Suporte de ascensão
bindblur	eventhandle		no	Acionado quando a caixa de entrada perde foco, evento. Detalhe = {value, cursor}
bindlinechange	eventhandle		no	Chamado quando o número de linhas na caixa de entrada muda, evento.
bindinput	eventhandle		no	Quando a entrada do teclado, desencadeia o evento de entrada, event.detail = {value, cursor, keycode}, keycode é um valor de chave e pode se cursar a ferramenta que não supõe que retorne os parâmetros do código de chave. a textarea ligada
bindconfirm	eventhandle		no	Quando o clique estiver concluído, gatilho confirme o evento, event.detail = {value: value}
bindkeyboardheightchange	eventhandle		no	Este evento está tentando quando a altura do teclado muda. = {Altura: Altura, Duração: Duração: Duração}

keyboard-accessory

Dica: a altura máxima da vista é de 200px

Por exemplo, código

<textarea hold-keyboard="{{true}}">
  <keyboard-accessory class="container" style="height: 50px;">
    <cover-view bindtap="tap" style="flex: 1; background: green;">1</cover-view>
    <cover-view bindtap="tap" style="flex: 1; background: red;">2</cover-view>
  </keyboard-accessory>
</textarea>