课件：Rna.ppt

插入导航条文本 在插入点仍旧处于第二个表格的第一个单元格时，在标签选择器中单击 td 标签。 在“属性”检查器，从“垂直”弹出式菜单中选择“顶端”。 这会将您刚刚键入的文本沿表格单元格的顶端对齐。 创建链接 选择Cuisine， 在属性检查器中单击“链接”文本框旁的文件夹图标。 在“选择文件”对话框中，选择 menu.html 文件（与 index.html 文件处于同一个文件夹中） Cuisine 文本出现下划线并变成蓝色，表示它现在是一个链接。 重复上述步骤，为导航栏中的每个单词或一组单词建立链接。 在浏览器中预览页面 要查看确切的最终结果，必须在浏览器中预览网页。 保存index.html文件，按 F12 键。 浏览器启动，并显示该网页。 补充 表单 表单 菜单“插入”-“表单” 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。 表单使用表单标签（form）定义 form ….. /form 表单元素 文本域(Text fields) 单选按钮（Radio Buttons） 复选框（Checkboxes） 表单的动作属性（Action）和确认按钮 下拉列表 表单元素——文本域 当用户要在表单中键入字母、数字等内容时，就会用到文本域。 form 名： input type=text name=firstname br 姓： input type=text name=lastname /form 显示器浏览结果 form input type=“radio” name=“sex” value=“male” 男 input type=“radio” name=“sex” value=“female” 女 /form 显示器浏览结果 表单元素——单选钮 当用户从若干给定的选择中选取其一个时，就会用到单选框。 表单元素——复选框 当用户从若干给定的选择中选取一个或若干选项时，就会用到复选框。 form 我喜欢自行车： input type=checkbox name=Bike br 我喜欢汽车： input type=checkbox name=Car /form 显示器浏览结果 表单元素——表单的动作属性（Action）和确认按钮 html headtitle输入用户姓名和密码 /title/head body form action=“/asdocs/html_tutorials/userpw.asp method=post 请输入你的姓名： input type=text name=yournamebr 请输入你的密码： input type=password name=yourpwbr input type=submit value=提交 /form /body /html /html_examples/054_form_input_text_password.html 表单元素——userpw.asp的源码 html head title用户信息/title meta http-equiv=Content-Type content=text/html; charset=gb2312 /head body p你的姓名是：%= Request.Form(yourname) %/p p你的密码是：%= Request.Form(yourpw) %/p /body /html ASP代码在服务器端运行 表单——例2 html headtitle选择/title/head body 请选择你最喜欢的水果：br form action = /asdocs/html_tutorials/choose.asp method = post input type=radio name=fruit value = Apple苹果br input type=radio name=fruit value = Orange桔子br input type=radio name=fruit value = Mango芒果br input type=submit value=提交 /form /body /html 表单元素——验证表单数据 比如当用户输入用户名和密码后，检验用户的输入 创建一个至少包含一个文本域及一个“提交”按钮的 HTML 表单 选择“提交”按钮。 在“行为”面板（“窗口”“行为”）中，单击加号 (+) 按钮，然后从列表中选择“检查表单”。 设置每个文本域的验证规则，然后单击“确定”。 JavaScript代码在客户端运行 THANK YOU SUCCES