02表单对象—文本域教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt
《02表单对象—文本域教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt》由会员分享,可在线阅读,更多相关《02表单对象—文本域教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt(9页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、02表单对象文本域教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5)插入文本域静态网站制作教学资源课件 文本域是一个重要的表单对象,可以在其中输入用户名、密码等简要文字,输入的文本可以是字符、数字等。“文本域”按存储内容的多少分为“文本字段”(单行文本域)及“文本区域”(多行文本域)。,插入多行文本区域多行文本区域一般用于输入比较长的语句,可以限制行数。1、将鼠标指针定位在表单中要插入多行文本区域的位置。2、单击“表单”工具栏中“文本区域”按钮,在表单中创建一个多行文本区域。3、在“文本域”的属性面板,在“字符宽度”文本框中处输入“70”,在“行数”文本框中输入“8”,以
2、定义多行文本区域在网页中的宽度和高度。实例2:巧用多行文本框美化网页布局。表单的作用是从访问 Web 站点的用户那里获得信息。但有时也可以用多行文本框来美化网页布局,即只是用来显示信息,而不能输入信息,实例效果如图4.13所示。1、规划网页布局后,在相应单元格中输入“图书目录”,按第二章的方法设置好相应的样式。2、单击“插入”菜单中的“HTML”中的“水平线”,并在“水平线”属性面板中设置“高度”为“1”。3、插入一个多行文本框,并在“文本域”框中输入该文本域的名称“content”,设置“字符宽度”为“70”,行数为“8”,在“初始值”列表框中粘贴从word文档中复制的相应文字或直接输入,属性面板如图4.14所示。4、选中“只读”复选框,将该多行文本框设置成只读属性。只读多行文本域的代码为:5、重复以上步骤完成“序言”多行文本框的创建。插入密码域密码域用于用户输入密码,输入的文本会被隐藏,取而代之的是项目符号或星号,如图4.9所示。密码域的创建方法与单行文本域基本一致,所不同的仅是在属性面板的“类型”中选择“密码”选项。密码域的HTML代码为。练习1:制作如图4.10所示的用户登录表单。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 02表单对象文本域教学课件 高教版 中职 网页设计与制作Dreamweaver CS5 02 表单 对象 文本 教学 课件 高教 网页 设计 制作 Dreamweaver CS5
链接地址:https://www.taowenge.com/p-90819464.html
限制150内