HTML中的条件格式?

| 我正在写一个网站,目前正在注册页面上。我有一个下拉框,我想让该下拉框为每个打开不同的注册信息。例如:如果他们选择了主要用户,它将需要的注册信息从用户名和密码更改为用户名,密码,信用卡号和电话号码。或者,如果他们从下拉列表中选择了部分用户,它将要求输入用户名密码和电话。有什么线索如何用HTML或任何其他计算机语言来做到这一点?     
已邀请:
假设html是这样的:
Type:<br>
one <input type=\"radio\" name=\"type\" id=\"type-1\" value=\"1\" /><br>
two <input type=\"radio\" name=\"type\" id=\"type-2\" value=\"2\" />
<hr>
<form action=\".\" METHOD=\"POST\">
    <input class=\"second\" type=\"text\" name=\"name\" id=\"name\" value=\"name\" />
    <input class=\"second\" type=\"text\" name=\"email\" id=\"email\" value=\"email\" />
    <input class=\"second\" type=\"text\" name=\"credit-card\" id=\"credit-card\" value=\"credit card\" />
</form>
和CSS像这样:(隐藏除类型选择之外的所有表单字段)
.second{
    display:none   
}
您可以使用jQuery javascript库来动态显示/隐藏所需的表单字段,如下所示:
// when type radio button is pressed
$(\'#type-1,#type-2\').change(function(){

    // hide all form fields
    $(\'.second\').hide()

    // if type is 1
    if($(\'#type-1:checked\').length){

        // show name and email fields
        $(\'#name,#email\').show()

    // else if type is 2
    }else if($(\'#type-2:checked\').length){

        // show name, email and credit-card fields
        $(\'#name,#email,#credit-card\').show()

    }     
})
这在此处进行了演示:http://jsfiddle.net/rBvLA/ 服务器端脚本必须使用您选择的任何语言来处理结果。     
您可能想研究许多可用的高级服务器端工具,例如asp.net,php等...,也可以使用javascript。 例如,使用JavaScript,当它们更改下拉列表时,您可能会触发事件触发,并且可以在该事件处理程序的代码中修改DOM,以便为每个选择显示适当的表单元素。     
另一个jQuery解决方案: 现场演示
$(\'#reg_type input[type=radio]\').change(function() {
    var type = $(this).attr(\'class\');
    $(\'#reg_fields div\').each(function() {
        if ($(this).hasClass(type)) {
            $(this).show().removeAttr(\'disabled\');
        } else {
            $(this).hide().attr(\'disabled\',\'disabled\');
        }
    });
});
    

要回复问题请先登录注册