表单页面 表单是用户利用浏览器对Web站点网络数据库进行查询的一种界面,用户利用表单可以输入信息或选择选项等,然后将这些信息提交给服务器进行处理。通过表单,既可以将浏览器的信息发送到Internet服务器上,同时表单也可以使用户与站点的浏览者交互或从浏览者那里收集信息。它是网页的设计者和使用者相互交流的工具。表单对象包括文本域(单行、多行、密码)、列表、菜单、复选框、单选框、按钮等。

Slides:



Advertisements
Similar presentations
第 4 章 配合 例子源代码一起使用 Power point 制作:耿祥义 张跃平 普通高等教育 “ 十一五 ” 国家级规划教材 JSP 内置对象.
Advertisements

Java Web 开发 授课人:张鸽. 第三讲 JSP 内置对象  JSP 有以下九种内置对象,包括:  ·request ,请求对象  ·response ,响应对象  ·pageContext ,页面上下文对象  ·session ,会话对象  ·application ,应用程序对象.
《计算机网络技术》 动态网页制作技术 常用HTML控件课程积件 杨 姝.
互動表單的應用.
第六章 网页设计与制作基础.
第五章 JSP内置对象 第4章学习了页面组成元素和使用方法。本章学习JSP内置对象的使用。使用JSP内置对象,可以方便操作页面,访问页面环境,实现页面内、页面间、页面与环境之间的通讯。 学习目标 熟悉主要内置对象的概念 理解主要内置对象的作用域和生命期 理解主要内置对象的作用和关系 熟悉主要内置对象的使用方法.
基于JSP搭建Web应用程序.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
学习情境三:配置WEB服务器 服务器配置与管理.
第五单元课1-3 层叠样式表.
第3章 HTML语言 3.1 HTML文档的基本结构 3.2 文字排版 3.3 图片排版 3.4 超级链接 3.5 表格 3.6 框架窗口
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
第3章 JavaScript语言基础.
5.1 – 表格(FORM) 輸入元素 : 兩種傳遞方法 : GET or POST 範例 1. 文字欄位 Text box
CT212 (02/03)-Network Programming and design
網際網路的應用服務 – Web 概念與網頁語言
HTML.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
  本章共分21个实例,主要内容包括HTML 创建与测试、html的文档结构、常用标记的使 用、表格和层的使用技灵活掌握等内容。
网页制作 第五讲 Dreamweaver基础.
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
Google 自訂搜尋 淡江大學資訊中心 專案發展組 朱家璁 2009/10/6.
PHP程式設計 二、HTML & PHP基本語法 建國科技大學 資訊管理學系 饒瑞佶.
Hello World 體驗實作第一個JSP程式.
Chap5 PHP程式設計進階 授課講師:.
标准规范 2.自己偏好习惯 3.讨论/建议 永远遵循同一套编码规范 -- 不管多少人同时参与编码,所有代码都应该看上去像是一个人编写的一样。
第四章 網頁表單與資料傳遞.
留言版 1.先Create一個留言板的table
Introduction to PHP part3
Beyond Technology JavaScript(Ver1.0).
专题4:JSP脚本和指令.
利用PHP將資料存入MySQL PHP 5 Tutorial 範例:
JSP自定义标签技术的分析与应用 ----Custom Tag 的分析与应用
第2章 超文本标记语言HTML.
JavaScript 语言3 学习网站:心蕊设计
Lesson 5 :基礎應用二(留言版) (2004/08/20).
進階 WWW 程式設計 -- PHP Regular Expression 靜宜大學資訊管理學系 蔡奇偉副教授 2004
無障礙網頁 公關室.
PHP+MySQL互動式網頁程式設計班 檔案上傳程式設計 講師:林業峻 CSIE, NTU 7 / 3, 2010.
檔案上傳 所謂檔案上傳,就是將檔案由客戶端的主機,藉 由瀏覽器傳送到伺服器的資料夾上。
HTML5简介 WEB前端三剑客之一.
JavaScript 靜宜大學 資管系 楊子青.
PHP 程式流程控制結構.
Speaker: Wei-Lin Chen Date: 2010/07/13
PHP 變數、常數與運算子 變數 常數 運算子
网站设计 前端 选择器(复习),表单.
第五讲 JSP中的文件操作(1) 教学目的 本讲主要讲述JSP中使用Java输入、输出流实现文件的读写 操作 。 知识要点
表單(Form).
架站實做—AppServ
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
HTML 103 互動式網頁.
Ch09 在網頁之間傳遞資訊 網頁程式設計.
表單(Form).
表格(HTML – FORM).
JavaScript 语言2 学习网站: 第 4 章 JavaScript 语言2 学习网站:
第4章 ASP.NET服务器控件.
HTTP 1.1 Method OPTIONS GET HEAD POST PUT DELETE TRACE CONNECT
HTML 103 互動式網頁 助教:黃毓瑩.
利用PHP將資料存入MySQL PHP 5 Tutorial 範例:
使用Domino表单构建Web页面 大纲 Domino表单和HTML页面之间的关系 Notes元素在Web上HTML代码转换
第6章 PHP的数据采集.
表格(HTML – FORM)
第6章 框架实现多窗口网页.
PHP程式設計 五、程式流程控制結構 建國科技大學 資訊管理學系 饒瑞佶.
HTML表单 JSP借由标签所构成的表单区块中,取得用户在其中特定字段输入的数据內容 。 JSP 动态网页新技术.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

表单页面 表单是用户利用浏览器对Web站点网络数据库进行查询的一种界面,用户利用表单可以输入信息或选择选项等,然后将这些信息提交给服务器进行处理。通过表单,既可以将浏览器的信息发送到Internet服务器上,同时表单也可以使用户与站点的浏览者交互或从浏览者那里收集信息。它是网页的设计者和使用者相互交流的工具。表单对象包括文本域(单行、多行、密码)、列表、菜单、复选框、单选框、按钮等。 表单的操作是指用户与服务器交互的操作,服务器方面的操作是通过服务器的程序来实现的。

表单页面 1、表单域标签<form> action属性:输入的表单信息提交服务器的地址。取值为:url。 methed属性:客户端与服务器之间传送数据采用的方式,既输入的表单信息提交方式。 取值为: methed = post 用于表单的传输 methed = get 用于url参数的传递

表单页面 2、用户的输入标签<input> type属性:输入方式 (1)文本、密码 用于接受任何格式的文本、数字和字符。当类型是密码时文字等以******显示。 type = text(文本)或password(密码) 其他属性: name属性:可在程序中使用的名称,用以指定表单对象。 value属性:用来输入文本框的初始内容。 size属性:文本框宽度,即可显示字符的最多个数。 maxlength属性:允许输入的字符个数,可以比文本框宽度大。

表单页面 (2)单选框 2、用户的输入标签<input> 单项选择功能。多个选项之中只有一个选项被选中。 type = radio 其他属性: name属性:可在程序中使用的名称,用以指定表单对象。 value属性:将该值传递到服务器端。 check属性:此框被选中。 注意:在一个表单内只能有一个单选框为check,设置多个无效。

表单页面 (3)复选框 2、用户的输入标签<input> 多项选择功能。多个选项之中允许多项被选中。 type = checkbox 其他属性: name属性:可在程序中使用的名称,用以指定表单对象。 value属性:将该值传递到服务器端。 check属性:此框被选中。

表单页面 2、用户的输入标签<input> (4)重置按钮:清空表单的内容,恢复初始状态。 type = reset 其他属性: name属性:可在程序中使用的名称,用以指定表单对象。 value属性:用来显示按钮上的文字。

表单页面 2、用户的输入标签<input> (5)提交按钮:向服务器提交整个表单。 type = submit 其他属性: name属性:可在程序中使用的名称,用以指定表单对象。 value属性:用来显示按钮上的文字。

表单页面 3、列表、菜单选项标签<select> 将多个选项放在一个带滚动条的列表框内。 name属性:可在程序中使用的名称,用以指定表单对象。 size属性:列表的高度,即显示的行数。 multiple属性:表示列表中的各选项可以同时多选。 列表、菜单内部有嵌套标签<option>:表示各个列表项。

表单页面 4、文本区域标签<textarea> 用于接受任何格式的文本、数字和字符。可以以多行显示。 其他属性: name属性:可在程序中使用的名称,用以指定表单对象。 rows属性:控制输入文本框的行数。 cols属性:允许输入的字符个数,可以比文本框宽度大。 wrap属性:控制换行。 wrap = off 输入的文字超过文本框的宽度时,不换行,出现滚动条 wrap = virtual 输入的文字超过文本框的宽度时,自动换行,但向服务器传输数据时无回车符。 wrap = physical 输入的文字超过文本框的宽度时,自动加入回车符,换行。

表单页面 表单页面 代码如下: <html> <head> <title>表单</title> </head> <body > <form name="form1" method="post" action=""> <p align="left">调查表</p> <p align="left">姓名: <input name="textfield" type="text" value="填写你的真实姓名" size="20" maxlength="10"> 性别: 男 <input name="radiobutton" type="radio" value="男" checked> 女 <input type="radio" name="radiobutton" value="女"> </p> <p align="left">密码:

表单页面 表单页面 代码如下: <input name="textfield2" type="password" value="123456" size="6" maxlength="6"> 爱好: <input name="checkbox4" type="checkbox" value="checkbox" checked> 体育 <input type="checkbox" name="checkbox5" value="checkbox"> 文艺 <input type="checkbox" name="checkbox6" value="checkbox"> 旅游 </p> <p align="left">学历: <select name="menu3" onChange="MM_jumpMenu('parent',this,0)"> <option>研究生</option> <option>大学本科</option> <option selected>大学专科</option> <option>中专</option> <option>高中</option> <option>初中</option> <option>小学</option> <option>文盲</option>

表单页面 表单页面 代码如下: </select> 意见: <textarea name="textfield3" cols="4" rows="3" wrap="PHYSICAL">在这里填写意见 </textarea> </p> <p align="left"> <input type="submit" name="Submit" value="提交"> <input type="reset" name="Submit2" value="重置"> </form> </body> </html>