HTML表单实例
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• <body> • 正文 • </body> • </html>
6
软件学院
1.1.2 HTML基本语法
• HTML通过各种标记、元素、属性、对象等来建 立与文本、图形、声音、视频等多媒体信息、 超文本的链接。
• HTML的语法主要分为三种形式： （1）<标记>对象</标记> （2）<标记 属性1＝参数1 属性2＝参数 2 ... ...>对象</标记> （3）<标记>
13
软件学院
• Get: it is attached to the end of the URL by a ‘?”
/musicSearch.html?song_title=Hello&song_artist=Jones
• Post: it is a separated line after the blank line. song_title=Hello&song_artist=Jones&limit_number=
• 语言字符集(Charsets)的信息 -<meta http-equiv="Content-Type" content="text/html;charset=#">
#= us-ascii, iso-8859-1, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp, euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1, x-cns11643-2, big5
<form action=“URL” method=“” enctype=“” name=“” > ...... <input type=“submit”> <input type=“reset”> </form> • method表单传输方法
– GET方法将表单信息在URL后传输 – POST方法将表单信息作为信息体传输 • action为表单处理方式，通常为一个URL • enctype为编码方式,默认application/x-www-form-urlencoded, UTF-8
• #=rrggbb • 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
9
软件学院
1.1.3 页面属性
• 链接(Link)
基本语法 <a href="document.html "> ... </a>
7
软件学院
• 例如：如果要在浏览器中显示一段粗体文本， 可以表示为： <b>国庆节放假通知</b>
• 如果要对显示文本继续设置字体，可以表示为： < b><font size=“+2” face=“ 黑 体 ”color= “blue”>国庆节放假通知</font></b>
8
软件学院
1.1.3 页面属性
• 背景音乐 <bgsound src=#> #=WAV 文件的 URL <bgsound loop=#> #=循环数 – <bgsound src="sound.wav" loop=3>
12
软件学院
1.2 HTML表单
• HTML表单:支持用户在页面输入信息 • 提供文本框、单选框、复选框、下拉菜单等控件 • 由<form></form>构成，表单的基本结构如下：
• HTML:超文本标记语言，建立网页的标准语 言。
HTML规范定义了一系列的标识符，控制网页 显示的文档、字符、段落，文本中嵌入图像、 声音、动画，提供超文本链接，支持脚本语 言、JAVA小程序,实现网页交互效果。
5
软件学院
1.1.1 HTML文档基本结构
一个HTML文档的基本结构： • <html> • <head> • <title>标题</title> • </head>
华师大软 件学院
2. HTML表单&实例
毛宏燕
华东师范大学软件学院
1
软件学院
Steps
• HTML • HTML表单（FORM） • Html表单传输机制
2
软件学院
3
软件学院
4
软件学院
1.1 HTML
• HTML : “hypertext markup language” ,
specify links to other documents identified by URLs.
</a>
#=_blank 浏览器会另开一个新窗口显示document.html文档 _self 把文档调入当前页
10
软件学院
1.1.3 页面Βιβλιοθήκη 性• 链入图象的基本语法 <img src=#> #=图象的 URL <img alt=#> #=浏览器未完全读入图象时，在图象位置显示的文字。
• 图象和文字的对齐 <img align=#> #=top, middle, bottom
• 背景色彩和文字色彩 – <body bgcolor=# text=# link=# alink=# vlink=#> • bgcolor --- 背景色彩 • text --- 非可链接文字的色彩 • link --- 可链接文字的色彩 • alink --- 正被点击的可链接文字的色彩 • vlink --- 已经点击(访问)过的可链接文字的色彩
<img src=URL align=right>My Face!<br> It is always<br> smiling.<br> Hahaha....<br>
My Face! It is always smiling. Hahaha....
11
软件学院
1.1.3 页面属性
• 嵌入多媒体文本(EMBED) 基本语法 <embed src=#> #=URL 标识主页中嵌入多媒体文本，如：电影(movie), 声音(sound), 虚拟现实语言(vrml)... ...
<a href="/g/2007-0716/05513042287.html" target=_blank>美洲杯阿根廷风暴难破14年魔咒 巴西3-0完胜.</a>
• 开一个新的(浏览器)窗口 (Target Window) <a href="document.html " target=“#"> ...
6
软件学院
1.1.2 HTML基本语法
• HTML通过各种标记、元素、属性、对象等来建 立与文本、图形、声音、视频等多媒体信息、 超文本的链接。
• HTML的语法主要分为三种形式： （1）<标记>对象</标记> （2）<标记 属性1＝参数1 属性2＝参数 2 ... ...>对象</标记> （3）<标记>
13
软件学院
• Get: it is attached to the end of the URL by a ‘?”
/musicSearch.html?song_title=Hello&song_artist=Jones
• Post: it is a separated line after the blank line. song_title=Hello&song_artist=Jones&limit_number=
• 语言字符集(Charsets)的信息 -<meta http-equiv="Content-Type" content="text/html;charset=#">
#= us-ascii, iso-8859-1, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp, euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1, x-cns11643-2, big5
<form action=“URL” method=“” enctype=“” name=“” > ...... <input type=“submit”> <input type=“reset”> </form> • method表单传输方法
– GET方法将表单信息在URL后传输 – POST方法将表单信息作为信息体传输 • action为表单处理方式，通常为一个URL • enctype为编码方式,默认application/x-www-form-urlencoded, UTF-8
• #=rrggbb • 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
9
软件学院
1.1.3 页面属性
• 链接(Link)
基本语法 <a href="document.html "> ... </a>
7
软件学院
• 例如：如果要在浏览器中显示一段粗体文本， 可以表示为： <b>国庆节放假通知</b>
• 如果要对显示文本继续设置字体，可以表示为： < b><font size=“+2” face=“ 黑 体 ”color= “blue”>国庆节放假通知</font></b>
8
软件学院
1.1.3 页面属性
• 背景音乐 <bgsound src=#> #=WAV 文件的 URL <bgsound loop=#> #=循环数 – <bgsound src="sound.wav" loop=3>
12
软件学院
1.2 HTML表单
• HTML表单:支持用户在页面输入信息 • 提供文本框、单选框、复选框、下拉菜单等控件 • 由<form></form>构成，表单的基本结构如下：
• HTML:超文本标记语言，建立网页的标准语 言。
HTML规范定义了一系列的标识符，控制网页 显示的文档、字符、段落，文本中嵌入图像、 声音、动画，提供超文本链接，支持脚本语 言、JAVA小程序,实现网页交互效果。
5
软件学院
1.1.1 HTML文档基本结构
一个HTML文档的基本结构： • <html> • <head> • <title>标题</title> • </head>
华师大软 件学院
2. HTML表单&实例
毛宏燕
华东师范大学软件学院
1
软件学院
Steps
• HTML • HTML表单（FORM） • Html表单传输机制
2
软件学院
3
软件学院
4
软件学院
1.1 HTML
• HTML : “hypertext markup language” ,
specify links to other documents identified by URLs.
</a>
#=_blank 浏览器会另开一个新窗口显示document.html文档 _self 把文档调入当前页
10
软件学院
1.1.3 页面Βιβλιοθήκη 性• 链入图象的基本语法 <img src=#> #=图象的 URL <img alt=#> #=浏览器未完全读入图象时，在图象位置显示的文字。
• 图象和文字的对齐 <img align=#> #=top, middle, bottom
• 背景色彩和文字色彩 – <body bgcolor=# text=# link=# alink=# vlink=#> • bgcolor --- 背景色彩 • text --- 非可链接文字的色彩 • link --- 可链接文字的色彩 • alink --- 正被点击的可链接文字的色彩 • vlink --- 已经点击(访问)过的可链接文字的色彩
<img src=URL align=right>My Face!<br> It is always<br> smiling.<br> Hahaha....<br>
My Face! It is always smiling. Hahaha....
11
软件学院
1.1.3 页面属性
• 嵌入多媒体文本(EMBED) 基本语法 <embed src=#> #=URL 标识主页中嵌入多媒体文本，如：电影(movie), 声音(sound), 虚拟现实语言(vrml)... ...
<a href="/g/2007-0716/05513042287.html" target=_blank>美洲杯阿根廷风暴难破14年魔咒 巴西3-0完胜.</a>
• 开一个新的(浏览器)窗口 (Target Window) <a href="document.html " target=“#"> ...