CSS表单(针对相对新手)或方法易于与jQuery和ASP Classic一起实现

CSS表单(针对相对新手)或方法易于与jQuery和ASP Classic一起实现,css,forms,asp-classic,Css,Forms,Asp Classic,我有一种拖延过度刺激的恐慌症,就是选择一种在CSS中制作表单的方法,这种方法可以与JQuery(在经典的ASP或.NET上)一起很好地工作,并且可以访问 我现在被可访问性/法规遵从性的问题困扰得很厉害,所以我害怕做出错误的选择。我很快就要在这里生产原型了,我快疯了 我已经做了一些CSS布局和调试,但是对于DIV和FLOAT,以及不止一个字段(不像phone或zip)的表单,我并没有做太多的工作。实际上,您不需要这种类型的东西。使用和自身来布局表单 如果您对无障碍表单感兴趣,请查看以下两个网站:

我有一种拖延过度刺激的恐慌症,就是选择一种在CSS中制作表单的方法,这种方法可以与JQuery(在经典的ASP或.NET上)一起很好地工作,并且可以访问

我现在被可访问性/法规遵从性的问题困扰得很厉害,所以我害怕做出错误的选择。我很快就要在这里生产原型了,我快疯了


我已经做了一些CSS布局和调试,但是对于DIV和FLOAT,以及不止一个字段(不像phone或zip)的表单,我并没有做太多的工作。

实际上,您不需要这种类型的东西。使用
自身来布局表单


如果您对无障碍表单感兴趣,请查看以下两个网站:

基本上,如果可能,您希望执行以下操作

  • 在每个
    输入上包括
    类型
    。。。对屏幕阅读器有帮助
  • 在每个
    元素上包含
    标题
    。。。对屏幕阅读器也有帮助
  • 使用
    标签
    输入
    彼此紧密相关(并排或一个接一个)
  • 确保用户可以在表单中使用tab键,也就是说,他们不需要键盘来导航
  • 确保css允许元素在接收焦点时显示焦点
  • 此外,一些客户端(例如javascript)验证也非常有用

    您可能也想看看HTML5表单的一些改进,这也有助于提高可访问性


    您可以做的最重要的事情可能是通过设置

    名称
    
    <label for="name">Name</label><input type="text" id="name />
    
    <asp:Label AssociatedControlID="String" />