SóProvas

ID
913783
Banca
FCC
Órgão
DPE-SP
Ano
2013
Provas
Disciplina
Programação
Assuntos

A linguagem HTML versão 5 traz um conjunto de novos atributos e tipos de dados para campos de formulário. Uma das grandes vantagens de alguns desses atributos é que dispensam o uso de JavaScript para validar a entrada de diversos tipos de dados e formatos nos campos, facilitando o trabalho do desenvolvedor.

Baseado nessas informações, analise o fragmento de código a seguir:

<.p>
    <.label>
           Telefone: <.input type=" ..I.... " .I...I.. ="^\(?\d{2}\)\d{4}[-\s]\d{4}.*?$" placeholder="(XX)XXXX-XXXX" name="telefone">
     <./label>
 <./p>

Considere que o bloco de código apresentado objetiva permitir a entrada de um tipo telefone no formato indicado pela expressão regular "^\(?\d{2}\)\d{4}[-\s]\d{4}.*?$".
Para isso, as lacunas I e II devem ser preenchidas correta e, respectivamente, com

Alternativas
Comentários
  • Novos valores para o atributo type: (pág 33)
    tel
    search
    email
    url
    Datas e horas
    number
    range
    color
    pattern (pág 39)
    O atributo pattern nos permite definir expressões regulares de validação, sem Javascript
    Fonte: http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf

  • http://www.w3schools.com/html/html5_new_elements.asp

    A charada da questão é saber o conceito do novo atributo de input "pattern" que está em : "Uma das grandes vantagens de alguns desses atributos é que dispensam o uso de JavaScript para validar a entrada de diversos tipos de dados e formatos nos campos"

    Vejam essa questão :

    TRE-PE/2011/FCC/An. Judiciário/53

    Na HTML5, o atributo do elemento <input> que especifica uma expressão regular Javascript para validar a entrada de dados em um campo texto é o

    a) masked.

    b) expression.

    c) override.

    d) placeholder.

    e) pattern


  • GAB B

    Input Types

    You know all about web forms, right? Make a , add a few elements and maybe na , and finish it off with an button.

    You don’t know the half of it. HTML5 defines over a dozen new input types that you can use in your forms:

    input type=”search”

    For search boxes

    input type=”number”

    For spinboxes

    input type=”range”

    For sliders

    input type=”color”

    For color pickers

    input type=”tel”

    For telephone numbers

    input type=”url”

    For web addresses

    input type=”email”

    For email addresses

    input type=”date”

    For calendar date pickers

    input type=”month”

    For months

    input type=”week”

    For weeks

    input type=”time”

    For timestamps

    input type=”datetime”

    For precise, absolute date/timestamps

    input type=”datetime-local”

    For local dates and times

    PILGRIM, Mark. HTML5: Up and Running. O'Reilly | Google Press, 2010, p. 25 e 26.

  • Apesar desse não ser o principal tema da questão (sobre atributos da tag input), gostaria de comentar que a expressão regular criada é uma porcaria.

    De acordo com essa expressão regular para número de telefone com DDD de 2 dígitos seguido de 2 quartetos, a abertura de parêntesis ( é opcional, mas o fechamento ) não.
    Então, a regex dá match em 12)3456-7890 . Note como fica estranho sem o (...