Niquelao » 博客档案 » Y más Formularios...jarl！

» 博客档案 » Y más Formularios…jarl！ Niquelao Y más Formularios…jarl！ 2007 年 2 月，由 Rumoroso 在已经很长的“修饰表单”系列之后，很多人认为（好吧，假设这些人真的很多，而且有思考能力）我不会再讨论这个话题了……结果我回来了！我回来是为了尝试改进它，但这次是从可访问性的角度出发。在之前脚本引入的功能基础上，我增加了识别 fieldset 元素字段分组的能力，旨在提升用户体验和可访问性。该元素旨在根据要输入的数据类型（例如：个人数据、银行数据、学术数据等）对字段进行分组，从而改善整体结构和可访问性。fieldset 中还加入了 legend 元素，充当分组数据的标题。 ……那么，这样做是为了什么？这个想法源于我曾惊恐地看到一个带有大量必填字段的庞大表单（我不说是在哪里……）。当这些字段未填写时，错误列表会变得极长，导致阅读非常不便，难以理解，甚至在美学上很糟糕。如果表单字段可以通过分组来方便理解，那么为什么不按照相同的模式对错误进行分组呢？ 对于脚本的运行来说，分组并不是必须的，但总之……考虑到并使用它总是好事。 La prueba Como siempre, podéis acceder al ejemplo de uso o incluso descargarlo directamente. Como se puede observar, los errores siguenmostrándosemediate una lista.没有什么是绝对的，我们要创建一个清单，以了解阿格鲁帕洛斯的情况，并考虑到它是在之前的结构中实现的。 ……这一切都与《修饰表单》第三集（“回归”）相关 Retocando Formularios (Episodio II) Retocando Formularios (Episodio I) 重要提示：我想提醒大家，使用 JavaScript 不应给可访问性带来负面影响。只要使用得当并充分考虑用户，它能提升用户体验。 更多表单…哈哈！类别：可访问性, Javascript —> 2 条评论 Jorge 于 2007 年 5 月 29 日我一直在测试你的脚本，不得不说它太棒了。但我发现当 input 或 label 中有类名时存在不兼容问题。 报错时，它将 class 的值直接设为 “error”。我通过修改出现 labelerror 的行，改为 (labels[i].className == ""?labelerror:labels[i].className+” “+labelerror) 以及将 fielderror 改为 (elasociado.className == ""?labelerror:elasociado.className+” “+fielderror) 解决了这个问题。很抱歉我不得不修正一些我本无法独立完成的事情。非常出色的工作。Rumoroso 2007 年 5 月 30 日：感谢你的贡献。你提到的不兼容问题我还没太明白。我在该页面可下载的示例中尝试添加了 label 和 input 的类名，但没发现问题。你能给我一个链接或示例来看看发生了什么吗？再次感谢你，并提醒你，我们确实需要通过你们的贡献来改进。祝好。你可以通过 RSS 2.0 feed 跟踪评论。你也可以从你的网站发送 trackback。前面的文章：今天，关于字体 后面的文章：Enhorabuena TAW —> —> —> Esta obra está bajo una licencia de Creative Commons 。