Opiniões: HTML Tags

25 respostas
saoj

Quem nunca escreveu código para re-exibir os parametros de um formulário quando ocorria um erro de validação? Algo assim:

<%
String username = request.getParameter("username");
if (username == null) username = "";
%>
<input name="username" value="<%= username %>">

É claro que essa sujeira não tem mais espaço hoje em dia no nosso mundo repleto de frameworks web.

Vejam se isso ficou legal no Mentawai: http://mentawai.lohis.com.br/htmltags.jsp

25 Respostas

fmeyer

Legal :mrgreen:

Acho que o Mentawai já esta merecendo um dominio http://mentawai.org :mrgreen:

saoj

Sim, só que todos esses domínios já estão pegos!

www.mentawai.com.br já está pego

www.mentawai.org.br não está pego mas exige documentação pentelha.

Qual o domínio que eu crio ???

danieldestro

http://mentawai.dev.java.net

ou http://www.mentawaithebestframeworkever.com

fmeyer

http://mentawai.org :mrgreen:

saoj

www.mentawai.org tá pego !!! Clica lá !

fmeyer

saoj:
www.mentawai.org tá pego !!! Clica lá !

Tinha que ter alguma coisa de Surf no meio :mrgreen: hehehe

Rodrigo_Carvalho_Aul

Interessante. Mas como é o HTML que ele gera? Cria codigos doidos no id e name do input como o ASP.Net e o JSF?

Tem ou vai ter alguma validação javascript?

[]'s

Rodrigo

saoj

Gera código limpo, sem maluquices. Tudo que ele faz é preencher o atributo value corretamente e colocar CHECKED/SELECTED quando for o caso.

Por enquanto estou focando no server-side. Validação no client-side é outro mundo. Vide AJAX.

Validação em JavaScript vc até vive sem. Já validação do server-side é obrigatória.

Mauricio_Linhares

O que é que você os campos do form também poderem gerar o <label> Ségio?

Coloca como um atributo das tags, se o cara botar um nome, cria um <label> direcionado pra aquela tag. Deixa mais bonito e ainda monta o form sem tabela :mrgreen:

saoj

Maurício Linhares:
O que é que você os campos do form também poderem gerar o <label> Ségio?

Coloca como um atributo das tags, se o cara botar um nome, cria um <label> direcionado pra aquela tag. Deixa mais bonito e ainda monta o form sem tabela :mrgreen:

Putz viajei geral !!! O que é label ???

Explica isso melhor, Maurício. :-o

danieldestro

Não existe label em HTML. Pelo que entendí ele apenas sugeriu uma simplificação para se criar “formulários” no html. Associando talvez um label a um campo de formulário e automaticamente geraria uma table. Algo assim:

&lt;mtw:label text="Nome:" associated="nome" /&gt; &lt;mtw:input type="text" name="nome" /&gt;

E geraria:

&lt;table&gt; &lt;tr&gt; &lt;td&gt;Nome:&lt;/td&gt; &lt;td&gt;&lt;input type="text" name="nome"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;

F

saoj:
Maurício Linhares:
O que é que você os campos do form também poderem gerar o <label> Ségio?

Coloca como um atributo das tags, se o cara botar um nome, cria um <label> direcionado pra aquela tag. Deixa mais bonito e ainda monta o form sem tabela :mrgreen:

Putz viajei geral !!! O que é label ???

Explica isso melhor, Maurício. :-o

:shock:

Aquele nomezinho que costumamos colocar para os usuarios saberem o que inserir na caixinha de texto.

Eu sou um label: &lt;mtw:input type="text" name="fullname" size="50" maxlength="60" /&gt;

:mrgreen:

Rodrigo_Carvalho_Aul

Existe sim… e é recomendável usar.


http://www.htmlhelp.com/reference/html40/forms/label.html

[]'s

saoj

É só botar um label em volta do campo ???

<label for=“username”>

<input name=“username”>

</label>

é só isso ???

Cara, nunca vi ou usei esse label na minha vida !!! :oops:

Não tenho idéia pra que serve e como o browser trata isso.

Isso funciona em qualquer browser hoje em dia ?

cv1

http://www.w3.org/TR/REC-html40/interact/forms.html :wink:

Mauricio_Linhares

Pois é rapaz, o povo pensa que HTML é besteira ó :mrgreen:

Tem um ótimo exemplo do uso de <label> e de como eles se comportam nos forms aqui:

http://www.quirksmode.org/css/forms.html

Rodrigo_Carvalho_Aul

Quando você começa a fazer sites tableless vc acha tags nunca tinha ouvido falar… :smiley:

[]'s

Rodrigo

fmeyer

http://www.tableless.com.br/

essa é velha ja …

sergiolopes

qual seria a vantagem de colocar o label no mentawaI??
eu acho q quem quiser usar use como html mesmo e nao mtw:label.

alias, usar label eh otimo! fazer html decente eh otimo hehehe


e acho q o site do framework pelo jeito nao vai poder ser mentawai.*
ta tudo registrado

q tal mentauei.org hehehe :smiley:

Mauricio_Linhares

Não, não é criar uma tag label, é colocar um atributo “opcional” nas tags de formulário pra receber o label. Assim o cara já fazia:

&lt;mtw:input name="nome" type="text" label="Nome"/&gt;

Que iria virar:

&lt;label for="nome"&gt;Nome&lt;/label&gt; &lt;input id="nome" name="nome"/&gt;

Mauricio_Linhares

Ah, e porque em vez de <mtw:input/> vocês não diferenciam por cada tipo de “interface”, tipo:

&lt;mtw:textfield/&gt;
&lt;mtw:textarea/&gt;
&lt;mtw:passwordfield/&gt;
sergiolopes
sou contra tudo isso, mauricio! :-P

primeiro: colocao o label automaticamente restringe o designer. ha diversas formas de lidar com labels em html (e mta discussao). ha quem prefira

<label for="nome">Nome</label> <input id="nome" name="nome"/>

e quem prefira

<label>Nome <input id="nome" name="nome"/> </label>

e fazer campos do tipo mtw:passwordfield/ sao uma complexidade desnecessaria ao meu ver. pense que o webdesigner ja conhece html, aí vc vem com um coisa dessas, parece tag nova… ate explicar q ele soh faz ja deu uma zona

acho q o mentawai deve ser simples. ridiculamente simples e intuitivo.

qual seria a melhor solucao? uma tag mtw:persistentForm/ (ou algo do genero).
e só isso.
o menta se viraria pra abrir o jsp, achar os forms e colocar os valores no atributo value.
isso seria intuitivo…

mas isso pode trazer dores de cabeca (como nao colocar valores dos campos password ou qq campo q vc queira).
entao talvez o meio termo mais simples seja mesmo mtw:input/ q APENAS seta o valor do atributo value pra vc.

e, xará, no caso de valores tipo checkbox, precisa ver direito. eu sou adepto de XHTML ja. entao vc deve colocar
checked=“true” e nao esquece de fechar as tags html :smiley:

Mauricio_Linhares

A ordem do posicionamento dos labels faz alguma diferença no resultado final?

E sobre as tags específicas, eu, pessoalmente, prefiro elas, são bem mais auto-explicáveis que os <input> com diversos types. Além do que termina ficando mais fácil de se colocar comportamentos especiais nelas, como as checkboxes, radiobuttons e afins.

E pra guardar as informações do formulário, talvez montar uma viewstate como JSF e ASP.NET possa ser uma boa, pelo menos nada se perde dentro do form.

saoj

Concordo com vc! Já vi designers que faziam coisas maravilhosas mas não entendiam direito o que era um IF. Deixando a tag parecida com as tags de HTML facilita a migração e o entendimento do designer.

Estou fechando sim! Já o checked=“true” eu nem sabia que existia. É só trocar:

checked por checked=“true”
e
selected por selected=“true”
?

Os browsers aceitam direitinho isso, né?

cv1

Se vc esta preocupado com a saude mental do designer, tire ele de perto do HTML/JSP e deixe que ele mexa so no CSS :wink:

Um mtw:passwordField quebra o DreamWeaver do mesmo jeito que um struts:logic:iterate. Minha sugestao? Faca com que as tags do Mentawai gerem um XHTML maravilhosamente valido e facil de trabalhar na hora de estilar com CSS - ids, names e divs bem encaixados eh um bom comeco. :wink:

saoj:
É só trocar:

checked por checked=“true”
e
selected por selected=“true”
?

Os browsers aceitam direitinho isso, né?

Yeap, funciona na boa. Talvez esteja na hora de dar uma boa lida em XHTML? :wink:

Criado 27 de junho de 2005
Ultima resposta 28 de jun. de 2005
Respostas 25
Participantes 8