使用Dreamweaver表单制作登录网页
本实例通过输入文本、综合运用各种表单对象以及设置链接属性来制作。操作步骤
dw怎么制作网页万用表input是什么意思(1)新建一个网页文件,执行“插入→表格”命令,插入一个1行1列,表格宽度为580像素,边框粗细、单元格边距和单元格间距均为“0”的表格,并在“属性”面板中将表格设置为“居中对齐”,如图2-1所示。
图2-1 插入表格
(2)将光标放置于表格中,执行“插入→图像”命令,在表格中插入一幅图像,如图2-2所示。
图2-2 插入图像
(3)执行“插入→表单→表单”命令,在网页中插入一个表单,如图2-3所示。
图2-2 插入表单
(4)将光标放置于表单中,执行“插入→表格”命令,插入一个6行2列,表格宽度为580像素,边框粗细、单元格边距和单元格间距均为“0”的表格,并在“属性”面板中将表格设置为“居中对齐”,如图2-4所示。
正切三角函数公式大全
图2-4 插入表格
(5)光标放置于表格第1行左侧的单元格中,输入文字“好好吃美食网站用户登录”,文字字体为“微软雅黑”,大小为“16”,颜为橙红
(#FF3300),如图2-5所示。
图2-5 输入文字
(6)在表格第2行左侧的单元格中输入文字“用户名:”,然后执行“插入→表单→文本域”命令,插入一个文本域。选中插入的文本域,在“属性”面板上的“字符宽度”文本框中输入10,在“最多字符数”文本框中输入20,如图2-6所示。
图2-6 插入文本域
(7)在表格第3行左侧的单元格中输入文字“密码:”,然后执行“插入→表单→文本域”命令,插入一个文本域。选中插入的文本域,在“属性”面板上的“字符宽度”文本框中输入10,在“最多字符数”文本框中输入20,并在“类型”单选组中选中“密码”单选项,如图2-7所示。
mixly编程软件下载图2-7 插入密码
(8)在表格第4行左侧的单元格中输入英文“Cookie”,然后单击“表单”面板上的“列表菜单”按钮,插入一个菜单。选中插入的菜单,单击“属性”面板上的按钮,打开“列表值”对话框,在对话框中的“项目标签”区域中输入如图2-8所示的列表项目。
图2-8 插入菜单
(9)设置完成后,单击按钮。创建的列表项目显示在“初始化时选定”列表框中,选中第1项“保存一天”,如图2-9所示。
图2-9 选择菜单项
(10)将光标放置于表格第6行左侧的单元格中,执行“插入→表单→按钮”命令,插入一个按钮。选中按钮,在“属性”面板上的“值”文本框中输入“登录”,如图2-10所示。
图2-10 插入按钮
(11)将光标放置于按钮右侧,执行“插入→表单→复选框”命令,在“登录”按钮后插入一个复选框,并在复选框后输入文字,如图2-11所示。
图2-11 插入复选框
(12)将光标放置于表格第3行右侧的单元格中,输入文字“没有账号?请注册”,然后选择“请注册”这3个字,在“属性”面板上的“链接”文本框中输入“#”号,如图2-12所示。go语言难学吗
图2-12 输入文字
(13)将光标放置于表格第4行右侧的单元格中,输入文字“忘记密码,回密码”,然后选择“回密码”这4个字,在“属性”面板上的“链接”文本框中输入“#”号,如图2-13所示。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论