02表单对象—文本域教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

02表单对象文本域教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）插入文本域静态网站制作教学资源课件 文本域是一个重要的表单对象，可以在其中输入用户名、密码等简要文字，输入的文本可以是字符、数字等。“文本域”按存储内容的多少分为“文本字段”（单行文本域）及“文本区域”（多行文本域）。，插入多行文本区域多行文本区域一般用于输入比较长的语句，可以限制行数。1、将鼠标指针定位在表单中要插入多行文本区域的位置。2、单击“表单”工具栏中“文本区域”按钮，在表单中创建一个多行文本区域。3、在“文本域”的属性面板，在“字符宽度”文本框中处输入“70”，在“行数”文本框中输入“8”，以定义多行文本区域在网页中的宽度和高度。实例2：巧用多行文本框美化网页布局。表单的作用是从访问 Web 站点的用户那里获得信息。但有时也可以用多行文本框来美化网页布局，即只是用来显示信息，而不能输入信息，实例效果如图4.13所示。1、规划网页布局后，在相应单元格中输入“图书目录”，按第二章的方法设置好相应的样式。2、单击“插入”菜单中的“HTML”中的“水平线”，并在“水平线”属性面板中设置“高度”为“1”。3、插入一个多行文本框，并在“文本域”框中输入该文本域的名称“content”，设置“字符宽度”为“70”，行数为“8”，在“初始值”列表框中粘贴从word文档中复制的相应文字或直接输入，属性面板如图4.14所示。4、选中“只读”复选框，将该多行文本框设置成只读属性。只读多行文本域的代码为：5、重复以上步骤完成“序言”多行文本框的创建。插入密码域密码域用于用户输入密码，输入的文本会被隐藏，取而代之的是项目符号或星号，如图4.9所示。密码域的创建方法与单行文本域基本一致，所不同的仅是在属性面板的“类型”中选择“密码”选项。密码域的HTML代码为。练习1：制作如图4.10所示的用户登录表单。