none
Como usar HTML5 usando ASP.Net WebForms? RRS feed

  • Pergunta

  • Olá pessoal,

    Estou acompanhando as noticias do html5 e resolvi fazer uma pesquisa de como seria usar ele com o ASP.Net Webforms.

    Porém tudo que eu achei foi o html5 sendo usado no ASP.Net MVC utilizando o Razor com marcação html5.

    Entretanto gostaria de saber e esse recurso irá chegar para quem programa ainda em WebForms? 

    Tks.

    domingo, 8 de abril de 2012 17:09

Respostas

  • Bom Dia,

    Como os dois colegas já falaram, o VS 11 dá suporte nativo a HTML 5 e CSS3 e para seu HTML ser reconhecido como 5 basta alterar o "doctype", porém para sua pergunta, acredito que possa sim vir isso também nativo no VS que é justamente os controles de WebForms. Por exemplo:

    <input type="email" required id="txtEmail" />
    <!-- Nesta linha o type="email" é novo no HTML 5, porém para vc manipular via server no VS vc teria que colocar o atributo "runat=server"
    o que já ocasiona um erro pelo type="email" não ser reconhecido -->
    
    <input type="password" required id="txtPassword" runat="server" />
    <!-- Nesta linha já funciona normal, vc usa um controle de form "HTML 5" e consegue manipular via server sem problemas -->

    Sinceramente, acredito que todos os recursos de form HTML 5 não dá pra usar com todo seu potencial, pq por exemplo, o atributo "required" é algo que torna o campo obrigatório porém os browsers lida com ele de forma diferente(Safari, IE, Chrome, FF e Opera). O Opera é o que dá melhor suporte por enquanto a todos os controles de form do HTML 5. Veja exemplo: http://flatschart.com/html5/formulario_estados2.html. O Melhor navegador que suporta é o Opera. Então, acredito no que diz respeito a forms, utilize os controles normais ainda.

    Espero ter ajudado.

    Abcs

    • Marcado como Resposta Harley Araujo terça-feira, 10 de abril de 2012 13:49
    segunda-feira, 9 de abril de 2012 14:32
  • O que você quer é simplesmente alterar o DOCTYPE ou "usar" no sentido de ter o Visual Studio interpretando as novas tags HTML5 pra facilitar a codificação?

    <!DOCTYPE html>
    <html>
    <head>
    <title>Title of the document</title>
    </head>

    <body>
    The content of the document......
    </body>

    </html>
    Para transformar em HTML5 basta alterar o DOCTYPE como o código acima. Mas como você mesmo disse a nova versão ja da esse suporte.


    Rodrigo Reis Ferreira
    Microsoft Certified

    • Marcado como Resposta Harley Araujo terça-feira, 10 de abril de 2012 13:49
    segunda-feira, 9 de abril de 2012 12:24

Todas as Respostas

  • Olá,

    Grande, ainda não olhei direito, mas parece que o novo visual studio 11, o "BETA" que está disponível para download, já vem com suporte ao HTML5.

    Abs,
    André

    segunda-feira, 9 de abril de 2012 11:53
  • O que você quer é simplesmente alterar o DOCTYPE ou "usar" no sentido de ter o Visual Studio interpretando as novas tags HTML5 pra facilitar a codificação?

    <!DOCTYPE html>
    <html>
    <head>
    <title>Title of the document</title>
    </head>

    <body>
    The content of the document......
    </body>

    </html>
    Para transformar em HTML5 basta alterar o DOCTYPE como o código acima. Mas como você mesmo disse a nova versão ja da esse suporte.


    Rodrigo Reis Ferreira
    Microsoft Certified

    • Marcado como Resposta Harley Araujo terça-feira, 10 de abril de 2012 13:49
    segunda-feira, 9 de abril de 2012 12:24
  • Bom Dia,

    Como os dois colegas já falaram, o VS 11 dá suporte nativo a HTML 5 e CSS3 e para seu HTML ser reconhecido como 5 basta alterar o "doctype", porém para sua pergunta, acredito que possa sim vir isso também nativo no VS que é justamente os controles de WebForms. Por exemplo:

    <input type="email" required id="txtEmail" />
    <!-- Nesta linha o type="email" é novo no HTML 5, porém para vc manipular via server no VS vc teria que colocar o atributo "runat=server"
    o que já ocasiona um erro pelo type="email" não ser reconhecido -->
    
    <input type="password" required id="txtPassword" runat="server" />
    <!-- Nesta linha já funciona normal, vc usa um controle de form "HTML 5" e consegue manipular via server sem problemas -->

    Sinceramente, acredito que todos os recursos de form HTML 5 não dá pra usar com todo seu potencial, pq por exemplo, o atributo "required" é algo que torna o campo obrigatório porém os browsers lida com ele de forma diferente(Safari, IE, Chrome, FF e Opera). O Opera é o que dá melhor suporte por enquanto a todos os controles de form do HTML 5. Veja exemplo: http://flatschart.com/html5/formulario_estados2.html. O Melhor navegador que suporta é o Opera. Então, acredito no que diz respeito a forms, utilize os controles normais ainda.

    Espero ter ajudado.

    Abcs

    • Marcado como Resposta Harley Araujo terça-feira, 10 de abril de 2012 13:49
    segunda-feira, 9 de abril de 2012 14:32