Aula 6 Formulários

Prévia do material em texto

1.
Observe o formulário e escolha abaixo a opção que corresponde corretamente aos elementos:
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
A= text, B= textarea, C= radio, D= checkbox, E= dropdown list, F= submit button, G= reset button
A= name, B= text comment, C= markbox, D= circlebox, E= downlist, F=enviar button, G= apagar button
A= text, B= commentarea, C= checkbox, D= circlemarkbutton, E= droplist, F=submit button, G= erase button
A= writespace, B= bigwritespace, C= squarebuttonmark, D= circlebuttonmark, E= dropdown list, F= submit 
option, G= reset option
A= text, B= textarea, C= checkbox, D= radio, E= dropdown list, F= submit button, G= reset button
2.
ENCTYPE indica a localização do recurso onde o formulário será processado. ACTION indica a modalidade de envio
dos conteúdos do formulário. METHOD especifica a representação dos dados do formulário.
METHOD indica a localização do recurso onde o formulário será processado. ENCTYPE indica a modalidade de 
envio dos conteúdos do formulário. ACTION especifica a representação dos dados do formulário.
ACTION indica a localização do recurso onde o formulário será processado. ENCTYPE indica a modalidade de envio
dos conteúdos do formulário. METHOD especifica a representação dos dados do formulário.
METHOD indica a localização do recurso onde o formulário será processado. ACTION indica a modalidade de envio 
dos conteúdos do formulário. ENCTYPE especifica a representação dos dados do formulário.
ACTION indica a localização do recurso onde o formulário será processado. METHOD indica a modalidade de envio 
dos conteúdos do formulário. ENCTYPE especifica a representação dos dados do formulário.
3.
FORMULARIO e /FORMULARIO
TITLE e /TITLE
BODY e /BODY
FORM e /FORM
HTML e /HTML
4.
Colocando o texto no atributo VALUE da TAG do campo.
Não tem como efetuar esta opção.
Colocando o texto no atributo ID da TAG do campo.
Colocando o texto no atributo NAME da TAG do campo.
Colocando o texto na TAG do campo.
5.
2 - 3 - 1
1 - 3 - 2
2 - 1 - 3
1 - 2 - 3
3 - 2 - 1
6.
Será enviada pelo objeto botão do formulário.
Será enviado pelas caixas de texto, onde se encontra a informação.
As informações não são enviadas, e sim apanhadas pelo servidor diretamente na máquina do usuário.
Na construção de formulários na Linguagem HTML utilizamos a tag FORM e os atributos considerados são: action, 
enctype, method. Marque a alternativa correta que indica a função dos atributos.
Em HTML é possível apenas desenhar os formulários. Em geral, para que eles tenham alguma funcionalidade, gerando
interatividade com o usuário, é necessário o auxílio de um programa auxiliar. Todo formulário deve começar e 
terminar com o respectivo comando:
Como podemos colocar um valor inicial em uma caixa de texto?
A principal forma de entrada de dados fornecidos por usuários na Internet é o FORMULÁRIO. Para distribuir os 
elementos de entrada de dados na área de trabalho é preciso definir tags, que possuem diversos atributos para 
viabilizar opções de formatação.
Relacione a função do elemento básico de formulário relacionado abaixo e em seguida marque a alternativa que 
apresenta a sequencia correta, considerando o sentido de cima para baixo.
1 - Hidden
2 - Reset
3 - File
( ) Botão que limpa os dados adicionados pelo usuário
( ) Envia dados ocultos.
( ) Seleciona arquivos para um tipo de envio.
Quando trabalhamos com linguagens cliente / servidor, como será enviada a informação para o servidor?
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
Será enviada por variável de ambiente, da máquina do usuário.
Será enviada pela ação do formulário, com o método POST ou com o método GET.
7.
type
maxlength
size
body
name
8.
GET
CLOSE
READ
POST
WRITE
1.
Campo texto  type ='nome' , e o campo de botão value='Entra'
Campo texto  input type ='nome'  name='text' , e o campo de botão input type='Entra' name='Entra' 
value='submit'
Campo texto  label type ='text'  name='nome' , e o campo de botão submit type='button' name='Entra' 
value='Entra'
Campo texto  input type ='hidden'  name='nome' , e o campo de botão input type="submit" name='Entra' 
value='Entra'
Campo texto  input type ='text'  name='nome' , e o campo de botão input type='submit' name='Entra' 
value='Entra'
 
2.
botão, caixa de texto e caixa de senha.
botão, caixa de texto e comando de som.
comando de som, texto e fonte.
fontes, textos e caixa de texto.
comando de som, botão e texto
Nos dias de hoje, é cada vez mais comum navegarmos em páginas com formulários. Eles são fundamentais para que 
o administrador do site possa receber informações das pessoas que navegam em suas páginas. São informações de 
cadastro, informações de busca entre outras. As tags relacionadas a formulários são bastante versáteis e permitem ao
Web Designer um conjunto ímpar de recursos. No caso da tag [input], são atributos EXCETO:
Uma empresa de segurança solicitou que sua pagina não pode deixar explicio os parâmetros utilizados para uma 
melhor segurança da informação para se que possa esconder do usuário as informações no endereço do navegador. 
Qual método devemos usar?
Que campos de formulário estão presentes na imagem abaixo:
 
Marque a opção que melhor representa os elementos e sua sintaxe de criação:
São objetos de um formulário em html:
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
Gabarito
Comentado
 
3.
maxlength - Define a largura horizontal do campo. A unidade de medida é em espaços em branco
name - Atribui um nome a um determinado campo de referência de modo que você pode, mais tarde, fazer 
referência a ele em um tratamento via linguagem de programação
size - Define o número máximo de caracteres que podem ser inseridos
maxsize - Define altura e largura máximas de um campo
type - Define a altura do campo
Gabarito
Comentado
 
4.
_______________________________________________________
Marque a opção correta sobre a tag INPUT em formulários.
Marque o código abaixo que melhor corresponde ao formulário a seguir:
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
_______________________________________________________
_______________________________________________________
_______________________________________________________
 
5.
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
reset.
file.
select.
textarea.
hidden.
 
6.
Hidden
Paragrafo
Select
Radio
Checkbox
Explicação: Paragrafo
 
7.
listbox
button
combobox
checkbox
radio
Gabarito
Comentado
 
8.
O HTML é uma linguagem de marcação. Estas linguagens são constituídas de códigos que 
delimitam conteúdos específicos, segundo uma sintaxe própria. O HTML tem códigos para criar 
paginas na web. Estes códigos que definem o tipo de letra, qual o tamanho, cor, espaçamento, 
e vários outros aspectos do site. No início era muito complicado aprender HTML, pois eram 
muitos comandos para fazer algo simples. A cada nova versão, o HTML fica mais fácil de 
utilizar, e adquire mais funções. Atualmente qualquer pessoa pode acessar a internet a 
aprender a construir um site básico em questão de horas. Na linguagem HTML temos vários 
elementos básicos, dentre os itens abaixo qual o que representa o botão que limpa os dados 
adicionados pelo usuário:
Qual opção abaixo não faz parte dos controles de Formulário ?
Observea figura a seguir. Este comando é utilizado quando você vai apresentar várias 
opções e apenas uma pode ser selecionada. Normal e formalmente, as pessoas devem optar
por apenas uma entre as várias respostas disponíveis. Estamos falando de um:
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
post
arquivo html
get
endereço email
botão submit
1.
input type="submit", input type="hidden", button type="submit", input e button type="send" desde que tenham 
sido configurados para enviar o formulários através do evento hidden.
input type="submit", input type="reset", button type="submit", input e button type="button" desde que tenham 
sido configurados para enviar o formulários através do evento reset.
input type="hidden", input type="image", button type="submit", input e button type="reset" desde que tenham 
sido configurados para enviar o formulários através do evento hidden.
input type="send", input type="image", button type="submit", input e button type="hidden" desde que tenham 
sido configurados para enviar o formulários através do evento send.
input type="submit", input type="image", button type="submit", input e button type="button" desde que tenham
sido configurados para enviar o formulários através do evento onsubmit.
 
2.
name: Indica a relação de linhas em um objeto textarea.
value: Especifica quantos caracteres serão apresentados dentro da caixa.
size: Especifica quantos caracteres serão apresentados dentro da caixa de entrada de texto.
rows: Especifica o tamanho da caixa.
maxlength: Especifica o tamanho máximo do nome da caixa.
 
3.
Post e Default
Get e Post
Nenhuma das anteriores
Post, Get e Default
Get e Default
Gabarito
Comentado
Os formulários podem conter componentes visuais e não-visuais. Entre os visuais estão 
componentes nos quais se pode clicar e outros componentes de interface gráfica com os 
quais os usuários interagem. Com base nessa afirmação, marque a opção CORRETA que 
representa um componente visual.
Das TAGS abaixo, quais são elementos HTML capazes de submeter os dados de um formulário a um servidor?
Nos dias de hoje, é cada vez mais comum navegarmos em páginas com formulários. Eles 
são fundamentais para que o administrador do site possa receber informações das pessoas 
que navegam em suas páginas. São informações de cadastro, informações de busca entre 
outras. As tags relacionadas a formulários são bastante versáteis e permitem ao Web 
Designer um conjunto ímpar de recursos. Dentre as opções marque a que contém um 
atributo referente aos formulários e sua respectiva definição.
Quais os tipos de métodos usados em um formulário no html?
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
 
4.
radio
combobox
input
listbox
checkbox
Gabarito
Comentado
 
5.
POST e GET
INICIO e FIM
PEGAR e FECHAR
OPEN e CLOSE
SEEK e LOCK
 
6.
< input type="hidden" name="email" value="seuemail@dominio.com" />
< input show="hide" name="email" value="seuemail@dominio.com" />
< input show="hidden" name="email" value="seuemail@dominio.com" />
< input type="noshow" type="email" value="seuemail@dominio.com" />
< input show="no" name="email" value="seuemail@dominio.com" />
Gabarito
Comentado
 
7.
Observe a figura a seguir. Este comando é utilizado quando você vai apresentar várias opções e várias 
podem ser selecionadas. Nesse exemplo, as pessoas podem optar por mais de uma entre as várias 
respostas disponíveis. Estamos fazendo referência ao:
Indica qual o método de HTTP será usado para enviar os conteúdos do formulário. Existem 
duas possibilidades :____ e ____
Qual a sintaxe correta de um elemento oculto input em um formulário?
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
Todas as sentenças estão corretas
Somente as sentenças I e II estão corretas
Somente as sentenças II e III estão corretas
Somente a sentença I está correta
Somente as sentenças I e III estão corretas
Explicação:
Caixa de seleção: Este objeto permite que carreguemos uma lista com muitos elementos pré-selecionando um dos 
itens.
 
8.
post
endereço email
get
botão submit
arquivo html
1.
Caixa de Verificação - input type="checkbox"
Botão de Radio - input type="radio"
Analise as sentenças abaixo sobre os conceitos de formulário em 
HTML e, em seguida, assinale a alternativa correta:
I. Caixa de verificação: Muito utilizada para a marcação de 
valores do tipo múltipla escolha.
II. Botão de rádio: Muito utilizada para a marcação de valores 
do tipo múltipla escolha com uma única resposta.
III. Caixa de seleção: Com esta caixa, podemos digitar sem que 
os usuários próximos saibam qual o texto que está sendo 
digitado.
Os formulários podem conter componentes visuais e não-visuais. Entre os visuais estão 
componentes nos quais se pode clicar e componentes de interface gráfica com os quais se 
pode interagir. Com base nessa afirmação, marque a opção CORRETA que representa um 
componente visual.
O tipo de campo de formulário que melhor representa a imagem acima esta marcada na opção
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
Campo de Marcação - input type="password"
Caixa de Combinação - select name
Caixa de Texto - input type="text"
Gabarito
Comentado
 
2.
check
radio
submit
boxtype
checkbox
Gabarito
Comentado
 
3.
Somente as sentenças I e II estão corretas
Somente a sentença III está correta
Somente a sentença II está correta
Somente a sentença I está correta
Somente as sentenças II e III estão corretas
Analise o codigo abaixo:
< form>
< INPUT TYPE="_______" NAME="OPCAO" VALUE="op1" > opção1
< INPUT TYPE="_______" NAME="OPCAO" VALUE="op2" > opção2
< INPUT TYPE="_______" NAME="OPCAO" VALUE="op3" > opção3
< /form>
Que tipo de INPUT deve ser inserido caso seja necessário a possibilidade de selecionar uma 
ou mais opções exibidas ?
Analise as sentenças abaixo sobre os conceitos de formulário em 
HTML e, em seguida, assinale a alternativa correta:
I. Não é possível criar um botão utilizando uma imagem.
II.  (Através deste botão, o usuário poderá limpar os dados 
inseridos em seu formulário antes de submetê-lo).
III. Atributos name - especifica o texto descrito no botão e value 
¿ nome do campo
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
Explicação:
É possível criar um botão utilizando uma imagem. Atributos name - especifica o nome do campo e value ¿ texto descrito
no botão
 
4.
NAME
INPUT
POST
HIDDEN
VALUE
Gabarito
Comentado
 
5.
type="pass"
type="mark text"
type="text"
type="mask"
type="password"
 
6.
Algumas vezes queremos pré-processar algum dado utilizando, por exemplo, Javascript e 
submetê-lo sem que o usuário intervenha. Assim, o campo invisível pode ser utilizado para 
este propósito. Esse Atributo é representado pelo comando:
Quando criamos um formulário em HTML podemos ter situações ondeiremos tratar de dados secretos,
como por exemplo uma senha de e-mail ou de conta bancária. A linguagem HTML possui um campo 
que oculta a visualização do caracter digitado, o substituindo por uma máscara, geralmente 
representada por "********" ou conforme a figura abaixo.
Para que o campo mantenha os caracteres preenchidos com máscara, o campo de formulário que 
deve ser utilizado é do tipo:
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
Somente as sentenças II e III estão corretas
Somente a sentença I está correta
Somente as sentenças I e II estão corretas
Somente as sentenças I e III estão corretas
Todas as sentenças estão corretas
Explicação:
name - Atribui um nome a um determinado campo de referência de modo que você pode, mais tarde, fazer referência a 
ele em um tratamento via linguagem de programação.
 
7.
TAGs
method
button
Formularios
input type
 
8.
Nos dias de hoje, é cada vez mais comum navegarmos em páginas 
com formulários. Eles são fundamentais para que o administrador 
do site possa receber informações das pessoas que navegam em 
suas páginas. No caso da tag < input >, temos alguns atributos 
essenciais para o bom entendimento de suas funcionalidades. 
Analise as sentenças abaixo e, em seguida, assinale a alternativa 
correta:
I. maxlength - Define o número máximo de caracteres que 
podem ser inseridos.
II. size - Define a largura horizontal do campo. A unidade de 
medida é em espaços em branco.
III. name - Atribui um valor a um determinado campo de 
referência.
Uma empresa necessita que sua pagina cadastre os candidatos a uma vaga em recursos 
humanos. Qual a principal forma de entrada de dados fornecidos por usuários na internet ?
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
file
reset
hidden
textarea
select
Define a largura vertical do campo. A unidade de medida é em espaços em branco.
Determina qual o tipo de campo de entrada será
Define a largura horizontal do campo. A unidade de medida é em espaços em branco.
Atribui um nome a um determinado campo de referência de modo que você pode, mais tarde, fazer referência a 
ele em um tratamento via linguagem de programação
Define o número máximo de caracteres que podem ser inseridos.
 
2.
Todas as sentenças estão corretas
Somente as sentenças I e II estão corretas
Somente as sentenças II e III estão corretas
Somente a sentença I está correta
Somente as sentenças I e III estão corretas
Explicação:
Caixa de entrada de texto multimídia: Este tipo de caixa é muito especial, pois 
HTML é uma das linguagens utilizadas para desenvolver páginas na internet, existem outras 
linguagens mais avançadas porém dificilmente você verá um site que não utilize HTML, e o 
mais comum é encontrar sites que utilizam somente HTML. Na linguagem HTML temos 
vários elementos básicos, dentre os itens abaixo qual o que representa o botão para pré-
processar algum dado utilizando, por exemplo, Javascript e submetê-lo sem que o usuário 
intervenha:
Marque a opção correta referente à funcionalidade do atributo maxlength da tag input em um formulário.
Analise as sentenças abaixo sobre os conceitos de formulário em 
HTML e, em seguida, assinale a alternativa correta:
I. Caixa de senha: Com esta caixa, podemos digitar sem que os
usuários próximos saibam qual o texto que está sendo 
digitado.
II. Caixa de entrada de texto multimídia: A caixa de entrada é 
utilizada para entrada de dados como um campo em um 
formulário.
III.Caixa de entrada de texto: Permite a entrada de uma grande
quantidade de texto em uma única página, tal como um 
editor de texto.
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
permite a entrada de uma grande quantidade de texto em uma única página, tal 
como um editor de texto. Contudo, ela não aceita a formatação de textos como um 
editor visual.
Caixa de entrada de texto: A caixa de entrada é utilizada para entrada de dados 
como um campo em um formulário.
 
3.
POST
GET
RESET
SUBMIT
CANCEL
Gabarito
Comentado
 
4.
Através deste botão, o usuário poderá enviar seus dados que estão no formulário. Após o 
envio, normalmente não existe opção desfazer, pois o processamento deverá acontecer no 
servidor e não mais no cliente. Estamos falando do botão:
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
Observe o formulário e escolha abaixo a opção que corresponde corretamente aos elementos:
A= text, B= textarea, C= radio, D= checkbox, E= dropdown list, F= submit button, G= reset button
A= text, B= commentarea, C= checkbox, D= circlemarkbutton, E= droplist, F=submit button, G= erase button
A= writespace, B= bigwritespace, C= squarebuttonmark, D= circlebuttonmark, E= dropdown list, F= submit 
option, G= reset option
A= name, B= text comment, C= markbox, D= circlebox, E= downlist, F=enviar button, G= apagar button
A= text, B= textarea, C= checkbox, D= radio, E= dropdown list, F= submit button, G= reset button
Gabarito
Comentado
 
5.
ACTION indica a localização do recurso onde o formulário será processado. ENCTYPE indica a modalidade de envio
dos conteúdos do formulário. METHOD especifica a representação dos dados do formulário.
METHOD indica a localização do recurso onde o formulário será processado. ACTION indica a modalidade de envio 
dos conteúdos do formulário. ENCTYPE especifica a representação dos dados do formulário.
ENCTYPE indica a localização do recurso onde o formulário será processado. ACTION indica a modalidade de envio
dos conteúdos do formulário. METHOD especifica a representação dos dados do formulário.
ACTION indica a localização do recurso onde o formulário será processado. METHOD indica a modalidade de envio 
dos conteúdos do formulário. ENCTYPE especifica a representação dos dados do formulário.
METHOD indica a localização do recurso onde o formulário será processado. ENCTYPE indica a modalidade de 
envio dos conteúdos do formulário. ACTION especifica a representação dos dados do formulário.
Gabarito
Comentado
 
6.
TITLE e /TITLE
FORMULARIO e /FORMULARIO
FORM e /FORM
BODY e /BODY
HTML e /HTML
Gabarito
Comentado
 
7.
Na construção de formulários na Linguagem HTML utilizamos a tag FORM e os atributos 
considerados são: action, enctype, method. Marque a alternativa correta que indica a função
dos atributos.
Em HTML é possível apenas desenhar os formulários. Em geral, para que eles tenham 
alguma funcionalidade, gerando interatividade com o usuário, é necessário o auxílio de um 
programa auxiliar. Todo formulário deve começar e terminar com o respectivo comando:
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
POST
READ
WRITE
GET
CLOSE
 
8.
Será enviada pela ação do formulário, com o método POST ou com o método GET.
As informações não são enviadas, e sim apanhadas pelo servidor diretamente na máquina do usuário.
Será enviada por variável de ambiente, da máquina do usuário.
Será enviada pelo objeto botão do formulário.
Será enviado pelas caixas de texto, onde se encontra a informação.
Uma empresa de segurança solicitou que sua pagina não pode deixar explicio os 
parâmetros utilizados para uma melhorsegurança da informação para se que possa 
esconder do usuário as informações no endereço do navegador. Qual método devemos 
usar?
Quando trabalhamos com linguagens cliente / servidor, como será enviada a informação 
para o servidor?
https://simulado.estacio.br/bdq_simulados_exercicio.asp#