Academic Tutorials



English | French | Portugese | Dutch | Italian
Google

em linha

Home Códigos de fonte E-Livros Downloads Contatar-nos Sobre nós

HTML Tutorials
HTML Tutorial
XHTML Tutorial
CSS Tutorial
TCP/IP Tutorial
XML Tutorials
XML Tutorial
XSL Tutorial
XSLT Tutorial
DTD Tutorial
Schema Tutorial
XForms Tutorial
XSL-FO Tutorial
XML DOM Tutorial
XLink Tutorial
XQuery Tutorial
XPath Tutorial
XPointer Tutorial
RDF Tutorial
SOAP Tutorial
WSDL Tutorial
RSS Tutorial
WAP Tutorial
Web Services Tutorial
Browser Scripting
JavaScript Tutorial
VBScript Tutorial
AJAX Tutorial
DHTML Tutorial
HTML DOM Tutorial
WMLScript Tutorial
E4X Tutorial
Server Scripting
ASP Tutorial
PHP Tutorial
PERL Tutorial
SQL Tutorial
ADO Tutorial
.NET (dotnet)
Microsoft.Net
XML Web Services
ASP.Net
.Net Mobile
C# : C Sharp
ADO.NET
VB.NET
Multimedia
SVG Tutorial
Flash Tutorial
Media Tutorial
SMIL Tutorial
Web Building
Web Browsers
Web Hosting
W3C Tutorial
Web Building
Web Quality
Web Semantic
Web Careers
Java Tutorials
Java Tutorial
JSP Tutorial
Servlets Tutorial
Struts Tutorial
EJB Tutorial
JMS Tutorial
JMX Tutorial
Programming Langauges
C Tutorial
C++ Tutorial
Visual Basic Tutorial
Data Structures Using C
Soft Skills
Communication Skills
Time Management
Project Management
Team Work
Leadership Skills
Corporate Communication
Negotiation Skills


Formulários e entrada do HTML
Previous Next



Um formulário é simplesmente uma área que possa conter campos do formulário.

Os campos do formulário são os objetos que permitem que o visitante incorpore a informação - por exemplo caixas de texto, menus drop-down ou teclas de rádio.



Formulários

Um formulário do HTML é uma seção de um original que contem o índice normal, o markup, os elementos especiais chamados os controles (checkboxes, teclas de rádio, menus, etc.), e as etiquetas naqueles controles. Os usuários geralmente “terminam” um formulário modificando seus controles (o texto entrando, selecionando artigos de menu, etc.), antes de submeter o formulário a um agente para processar (por exemplo, a um web server, a um mail server, etc.)

Um formulário é definido com o Tag do <form>.
<form name="input" action="html_form_action.asp" method="get">
      <input type="text" name="user">
      <input type="submit" value="Submit" >
</form>
Deram forma ao atributo da ação

Este atributo especifica um formulário que processa o agente. O comportamento do agente do usuário para um valor à excepção de um URI do HTTP é undefined.

Quando o usuário estala sobre “submeter” a tecla, o índice do formulário está emitido a uma outra lima. O atributo da ação do formulário define o nome da lima para emitir o índice a. Geralmente a lima definida no atributo da ação faz algo com a entrada recebida.

Deram forma ao atributo do método

O atributo do método especifica que método do HTTP será usado submeter a série de dados do formulário. Os valores (caixa-insensitive) possíveis são “começam” (o defeito) e “borne”.

Se pode especificar dois métodos diferentes da submissão para um formulário no HTML. A diferença entre METHOD= " COMEÇA " (o defeito) e METHOD= " BORNE " é definido primeiramente nos termos do encoding dos dados do formulário. As recomendações oficiais dizem que “COMEÇAR” deve ser usado se e somente se processar do formulário é o idempotent, que significa tipicamente um formulário puro da pergunta. Geralmente é aconselhável fazer assim. Há, entretanto, uns problemas relacionados a URLs longo e a repertoires do caráter non-ASCII que podem o fazer necessário usar o “BORNE” mesmo para processar do idempotent.

começar: Com o HTTP “começar” o método, a série de dados do formulário é adicionado ao URI especificada pelo atributo da ação (com uma pergunta-marca (”? “) como o separador) e este URI novo é emitido ao agente processando.

borne: Com o método do “borne” do HTTP, a série de dados do formulário é incluída no corpo do formulário e emitida ao agente processando.

enctype

Este atributo especifica o tipo satisfeito usado submeter o formulário ao usuário (quando o valor do método é “borne”). O valor de defeito para este atributo é “application/x-www-form-urlencoded”. O valor “multipart/dados” deve ser usado em combinação com o elemento da ENTRADA, type= " lima”.




Entrada

O Tag o mais usado do formulário é o Tag do <input>. O tipo de entrada é especificado com o tipo atributo.


Campos do texto
Os campos do texto estão usados quando você quer o usuário datilografar algo (letras, números, etc.) em um formulário. Em a maioria de browsers, optar perto pela largura do campo do texto é 20 caráteres.
<form>
      First name:
      <input type="text" name="firstname">
      <br>
      Last name:
      <input type="text" name="lastname">
</form>
O/P:
Primeiro nome:
Último nome:

Campos da senha
Os campos da senha são um tipo especial de Tag do <input/>. Tudo que nós necessitamos fazer é mudar o tipo atributo do texto à senha.
<form>
      <input type="password">
      <input type="password" size="5" maxlength="5">
      <input type="password" size="15" maxlength="15" >
      <input type="password" size="25" maxlength="25" >
</form>
O/P:





Teclas de rádio
As teclas de rádio são usadas quando você quer o usuário selecionar um de um número limitado das escolhas.
<form>
      <input type="radio" name="sex" value="male"> Male
      <br>
      <input type="radio" name="sex" value="female"> Female
</form>
O/P:
Macho
Fêmea

Checkboxes
Checkboxes é usado quando você quer o usuário selecionar um ou mais opção de um número limitado das escolhas.
<form>
      <input type="checkbox" name="bike"> Bike
      <br>
      <input type="checkbox" name="car"> Car
</form>
O/P:
Bicicleta
Carro

Textarea

Uma texto-área é um controle multi-line da entrada de texto. Um usuário pode escrever o texto na texto-área. Em uma texto-área você pode escrever um número ilimitado dos caráteres.

As fileiras e as colunas necessitam ser especificadas como atributos ao Tag do <textarea>. As fileiras são aproximadamente 12pixels elevados, os mesmos que em programas da palavra e no valor das colunas reflete quantos caráteres largamente a área de texto será.

Um outro atributo a estar ciente de é o envoltório. O envoltório tem 3 valores.

wrap=
      "OFF"
      “virtual”
      “exame”

Os meios virtuais que o visor verá as palavras envolver como datilografam seus comentários, mas quando a página lhe é submetida, o anfitrião da correia fotorreceptora, o original emitido não terão envolver palavras.

O exame significa que o texto se publicará ambos lhe, o anfitrião da correia fotorreceptora, e o visor including todas as rupturas de página e espaços adicionais que puderem ser inputed. As palavras vêm enquanto são.

Fora de desliga a palavra que envolve dentro da área de texto. Uma linha ongoing.

<form>
      <textarea rows="5" cols="20" wrap="physical" name="comments">
      Enter Comments Here
      </textarea>
</form>
O/P:

Deixar cair abaixo listas

Com o <select> e o <option> os Tag deixam cair abaixo menues são criados.
o <select> é a lista própria e cada <option> é uma escolha disponível para o usuário.

<form>
      <select name="ourSites">
           <option>vyomworld.com</option>
           <option>testsworld.com</option>
           <option>jobsassist.com</option>
           <option>vyomlinks.com</option>
           <option>sourcecodesworld.com</option>
           <option>coolinterview.com</option>
           <option>tasty-food.com</option>
      </select>
</form>
O/P:

Lista da seleção

A lista da seleção é bàsicamente justa um outro tipo de maneira começar a entrada do usuário.
O atributo do tamanho seleciona quantas opções serão mostradas em uma vez antes de necessitar se enrolar, e a opção selecionada diz ao browser que escolha a selecionar pelo defeito.

<form>
      <select multiple name="ourSites" size="4">
           <option>vyomworld.com</option>
           <option>testsworld.com</option>
           <option>jobsassist.com</option>
           <option>vyomlinks.com</option>
           <option>sourcecodesworld.com</option>
           <option>coolinterview.com</option>
           <option>tasty-food.com</option>
      </select>
</form>
O/P:

Submeter a tecla

A tecla submeter-se emitirá todos os dados do formulário da entrada ao destino declarado no comando da ação do formulário. Se você não der o seu submeter a tecla um valor que a tecla indicará submete a pergunta pelo defeito. Colocar todo o outro texto no valor indicará dentro da tecla.

<form>
      First name:
      <input type="text" name="firstname">
      <br>
      Last name:
      <input type="text" name="lastname">
      <br>
      <input type="submit" value="Submit Here">
</form>
O/P:
Primeiro nome:
Último nome:




Previous Next

Keywords:free html forms, creating html forms, free html forms input type, html forms tutorial, html forms radio buttons


HTML Quizes
HTML Quiz
XHTML Quiz
CSS Quiz
TCP/IP Quiz
XML Quizes
XML Quiz
XSL Quiz
XSLT Quiz
DTD Quiz
Schema Quiz
XForms Quiz
XSL-FO Quiz
XML DOM Quiz
XLink Quiz
XQuery Quiz
XPath Quiz
XPointer Quiz
RDF Quiz
SOAP Quiz
WSDL Quiz
RSS Quiz
WAP Quiz
Web Services Quiz
Browser Scripting Quizes
JavaScript Quiz
VBScript Quiz
AJAX Quiz
DHTML Quiz
HTML DOM Quiz
WMLScript Quiz
E4X Quiz
Server Scripting Quizes
ASP Quiz
PHP Quiz
PERL Quiz
SQL Quiz
ADO Quiz
.NET (dotnet) Quizes
Microsoft.Net Quiz
XML Web Services Quiz
ASP.Net Quiz
.Net Mobile Quiz
C# : C Sharp Quiz
ADO.NET Quiz
VB.NET Quiz
Multimedia Quizes
SVG Quiz
Flash Quiz
Media Quiz
SMIL Quiz
Web Building  Quizes
Web Browsers Quiz
Web Hosting Quiz
W3C Quiz
Web Building Quiz
Web Quality Quiz
Web Semantic Quiz
Web Careers Quiz
Java Quizes
Java Quiz
JSP Quiz
Servlets Quiz
Struts Quiz
EJB Quiz
JMS Quiz
JMX Quiz
Programming Langauges Quizes
C Quiz
C++ Quiz
Visual Basic Quiz
Data Structures Using C Quiz
Soft Skills Quizes
Communication Skills Quiz
Time Management Quiz
Project Management Quiz
Team Work Quiz
Leadership Skills Quiz
Corporate Communication Quiz
Negotiation Skills Quiz

Privacy Policy
Copyright © 2003-2008 Vyom Technosoft Pvt. Ltd., All Rights Reserved.