表单用于网页中,供用户输入所需的详细信息,这些详细信息将进一步发送到服务器进行处理。表单也称为 Web 表单或 HTML 表单。在本文中,您将学习使用 HTML、CSS 和 Javascript 制作响应式滑动登录和注册表单。
本文的主要症结是在单击按钮时以to-for(left-right)动作滑动表单,这可以使用jQuery中的animate()方法来完成,这是jQuery中的一个内置方法,用于改变状态元素的CSS 样式。
句法:
(selector).animate({styles}, para1, para2, para3);
本文将进一步讨论在 JQuery 中使用 animate() 方法。
分步实施:
HTML 代码:首先我们将添加 HTML 代码以形成登录和注册表的基本结构。
HTML
Sign Up
Login
输出: