图像 onclick(） 函数显示带有表单详细信息的 dailog 窗口

Hers是我为功能编写的代码，当单击图像时，dailog窗口应该加载表单输入元素。请查看下面的代码，让我知道我哪里出错了。

法典：-

            <dialog id="login" style="border-color: blue; border: 1px solid">
                <form name="reg">
                First Name : <input type="text" name="fname" required>
                Last Name: <input type="text" name="lname" required>
                Email <input type="email" name="mail" required>
                Password: <input type="password" name="pass" required>
                Confirm Password : <input type="password" name="confpass" required>
                <button type="submit"></button>
                <button type="reset"></button>
                </form>
            </dialog>
        <script>
            function registration(){
                var dailog = document.getElementById('login');
                dailog.open();
            }
        </script>