Fundação Form
Fundação controle Forms é automaticamente ajustado ao estilo global:
Todos <textarea>
, <select>
e <input>
larguras de elemento são 100%, e com uma margem, estofamento, beber sombra efeito de movimento do mouse.
Exemplos
<Form>
Entrada:
<Input type = "text" espaço reservado = "Name">
textarea:
<Linhas Textarea = "4" espaço reservado = "Endereço"> </ textarea>
Selecione:
<Select>
<Opção> 1 </ option>
<Opção> 2 </ option>
<Opção> 3 </ option>
<Opção> 4 </ option>
</ Select>
</ Form>
Entrada:
<Input type = "text" espaço reservado = "Name">
textarea:
<Linhas Textarea = "4" espaço reservado = "Endereço"> </ textarea>
Selecione:
<Select>
<Opção> 1 </ option>
<Opção> 2 </ option>
<Opção> 3 </ option>
<Opção> 4 </ option>
</ Select>
</ Form>
tente »
etiqueta
Utilize o formulário <label>
elemento para definir o rótulo, o rótulo pode ser adicionado para atributos e atributos id. Obter caixa de entrada do usuário em foco quando o campo de entrada ou clique na guia:
Exemplos
<Form>
<Label for = "name"> Input
<Input type = "text" espaço reservado = "Name" id = "name">
</ Label>
<Label for = "adr"> etiqueta
<Linhas Textarea = "4" espaço reservado = "Endereço" id = "adr"> </ textarea>
</ Label>
<Label for = "num"> Selecione
<Selecione id = "num">
<Opção> 1 </ option>
<Opção> 2 </ option>
<Opção> 3 </ option>
<Opção> 4 </ option>
</ Select>
</ Label>
</ Form>
<Label for = "name"> Input
<Input type = "text" espaço reservado = "Name" id = "name">
</ Label>
<Label for = "adr"> etiqueta
<Linhas Textarea = "4" espaço reservado = "Endereço" id = "adr"> </ textarea>
</ Label>
<Label for = "num"> Selecione
<Selecione id = "num">
<Opção> 1 </ option>
<Opção> 2 </ option>
<Opção> 3 </ option>
<Opção> 4 </ option>
</ Select>
</ Label>
</ Form>
tente »
Se você precisa definir o separador alinhado à direita, você pode usar .right
categorias:
fieldset
Fundação Rendering <fieldset>
elemento de estilo da seguinte forma:
Exemplos
<Form>
<Fieldset>
<Legend> Fieldset Legend </ lenda >
<Label> Nome
<Input type = "text" espaço reservado = "Nome ..">
</ Label>
<Label> Email
<Input type = "text" espaço reservado = "Digite e-mail ..">
</ Label>
</ Fieldset>
</ Form>
<Fieldset>
<Legend> Fieldset Legend </ lenda >
<Label> Nome
<Input type = "text" espaço reservado = "Nome ..">
</ Label>
<Label> Email
<Input type = "text" espaço reservado = "Digite e-mail ..">
</ Label>
</ Fieldset>
</ Form>
tente »
Estado do erro
Use .error
classe para definir o rótulo errado, caixas de entrada, estilo caixas de texto:
Exemplos
<Form>
<Class Label = "error"> Erro
<Input type = "text" espaço reservado = "Nome ..">
</ Label>
<Pequeno class = "error"> input errado </ small>
<Linhas Textarea = "4" espaço reservado = "Endereço"> </ textarea>
<Pequeno class = "error"> input errado </ small>
</ Form>
<Class Label = "error"> Erro
<Input type = "text" espaço reservado = "Nome ..">
</ Label>
<Pequeno class = "error"> input errado </ small>
<Linhas Textarea = "4" espaço reservado = "Endereço"> </ textarea>
<Pequeno class = "error"> input errado </ small>
</ Form>
tente »
Você precisa usar JavaScript para atualizar o status de erro de entrada do usuário. |