首页 理论教育 制作用户登录模块,轻松上手!

制作用户登录模块,轻松上手!

时间:2023-11-09 理论教育 版权反馈
【摘要】:图5-2-39对话框步骤3拖动鼠标选中第一行两个单元格,右键——,输入“用户登录”,然后拖动鼠标选中“用户登录”,设置其文本格式为标题3,再拖动鼠标选中login表格中所有单元格,设置单元格高度为30px。步骤4在第二行第一个单元格中输入“用户名:”,光标放在第二个单元格点击————,如图5-2-40所示。同样再次插入按钮,修改其值为“注册”。

制作用户登录模块,轻松上手!

步骤1 将光标放至“关于我”表格的末尾处,点击插入表格,在【表格】对话框中的“行数”“列数”和“表格宽度”输入框中分别输入“4,2,260”,“边框粗细”“单元格边距”和“单元格间距”输入框中输入“0,0,0”,单击【确定】按钮,完成表格的插入,然后在表格id中输入login,如图5-2-38所示。

图5-2-38 表格【属性】面板

步骤2 点击CSS样式面板中的“新建CSS规则”,设置字体大小为 12px,背景颜色为#FFF,下内边距为10px,左内边距为20px,上外边距为20px,下外边距为20px,左外边距为20px,如图5-2-39所示。

图5-2-39 【#login CSS规则定义】对话框

步骤3 拖动鼠标选中第一行两个单元格,右键【表格】——【合并单元格】,输入“用户登录”,然后拖动鼠标选中“用户登录”,设置其文本格式为标题3(h3),再拖动鼠标选中login表格中所有单元格,设置单元格高度为30px。

步骤4 在第二行第一个单元格中输入“用户名:”,光标放在第二个单元格点击【插入】——【表单】——【文本域】,如图5-2-40所示。同样在第三行第一个单元格输入“密码:”,第二个单元格插入文本域,文本域类型设置为密码,如图5-2-41所示。

步骤5 拖动鼠标选中第一行两个单元格,右键【表格】——【合并单元格】,然后点击【插入】——【表单】——【按钮】,如图5-2-42所示,鼠标选中按钮,在属性面板中,修改值为“登录”,如图5-2-43所示。同样再次插入按钮,修改其值为“注册”。

步骤6 光标放在“注册”按钮后面,然后输入“忘记密码”,拖动鼠标选中“忘记密码”,在其属性面板中,链接填入#,最终效果如图5-2-44所示。

图5-2-40 插入文本域

图5-2-41 文本域【属性】面板

图5-2-42 插入按钮(www.xing528.com)

图5-2-43 按钮【属性】面板

图5-2-44 效果图

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈