使用facebook数据自动填写我的自定义表单

我设计了一个表单，它接受输入值。我希望人们点击“注册为facebook”按钮，该按钮会接收他们的facebook详细信息，从而用适当的值填充我的自定义表单。我希望它像这个一样

请告诉我如何才能做到这一点

就是您要找的。：）

已更新

以防您需要自定义表单。您必须获得用户的许可并获取其详细信息。您可以使用以下代码：

<div id="fb-root"></div> 
<script src="https://connect.facebook.net/en_US/all.js"></script> 
FB.init({appId: 'XXXXXXXXXXXXX',status : true,xfbml  : true, cookie: true ,oauth  : true});


function login(){
        FB.getLoginStatus(function(response) {
        // checks if user already authorized
                    if (response.status === 'connected') {
                            FB.api('me?fields=id,name,email', function(user) {
                                     if(user != null) {
                                                                username  = user.name;
                                                                uid = user.id;
                                                                email = user.email;
                                                            }
                                });

                    } else {
        // If user is not authorized call FB.login for pop up window for authorization  , scope defines list of persmission requested with user
                    FB.login(function(response) {
                            if (response.authResponse.accessToken) {    
                                            FB.api('me?fields=id,name,email', function(user) {
                                                    if(user != null) {
                                                                username  = user.name;
                                                                uid = user.id;
                                                                email = user.email;
                                                            }
                                                        }) 
                                                    } 
                                                }, {scope:'email'});
                    }

                });
    }

init（{appId:'xxxxxxxxxxxx'，状态：true，xfbml:true，cookie:true，oauth:true}）；
函数登录（）{
FB.getLoginStatus（函数（响应）{
//检查用户是否已经授权
如果（response.status===“已连接”）{
api（'me？字段=id、名称、电子邮件'，函数（用户）{
如果（用户！=null）{
用户名=user.name；
uid=user.id；
email=user.email；
}
});
}否则{
//如果用户未被授权，请调用FB.login以获得授权弹出窗口，范围定义了用户请求的任务列表
FB.登录（功能（响应）{
if（response.authResponse.accessToken）{
api（'me？字段=id、名称、电子邮件'，函数（用户）{
如果（用户！=null）{
用户名=user.name；
uid=user.id；
email=user.email；
}
}) 
} 
}，{范围：'email'}）；
}
});
}

---

您可以在按下按钮时调用login（）。

是，但这在iframe中。我想用这些信息来填充我自己定制的表单，比如一旦授权，我表单的输入值应该被填充。我已经更新了评论，请检查我对javascript也是新的。你能告诉我如何在我的标签中调用email、firstname和last name的这些值吗？在这种情况下，你应该开始搜索以便获得帮助：）。要替换标签的值：确定我需要在我的fb按钮上调用哪些功能单击？可能重复