韩顺平J2EE视频教程第二版

《轻松搞定网页设计html+css+javascript》全42讲笔记

------------------------------------------------------------------------------- [html010_1.html]

------------------------------------------------------------------------------- [html010_1.html]

东风破歌词

一盏离愁孤单伫立在窗口
我在门后假装你人还没走
旧地如重游月圆更寂寞

特别说明：html010.html中不能带body标记

*******************************************************************************

框架frameset/frame综合案例

[html011.html]框架frameset/frame综合案例

(由html011_left.html/html011_right1.html/html011_right2.html/html011_top.html配合使用)

11 / 199

注：笔记中所有示例，均通过测试!

韩顺平J2EE视频教程第二版

《轻松搞定网页设计html+css+javascript》全42讲笔记

------------------------------------------------------------------------------- [html011_top.html]

------------------------------------------------------------------------------- [html011_left.html]

------------------------------------------------------------------------------- [html011_right1.html] 东风破歌词

一盏离愁孤单伫立在窗口
我在门后假装你人还没走
旧地如重游月圆更寂寞

------------------------------------------------------------------------------- [html011_right2.html] 青花瓷歌词

素胚勾勒出青花笔锋浓转淡
瓶身描绘的牡丹一如你初妆

******************************************************************************* html常用标记/元素--表单form

html的表单元素，主要用于让用户输入数据，并提交给服务器 基本语法是：

注意：action把指定的请求交给哪个页面；get不安全，会将输入的密码显示在浏览器地址

12 / 199

注：笔记中所有示例，均通过测试!

韩顺平J2EE视频教程第二版

《轻松搞定网页设计html+css+javascript》全42讲笔记

栏中。所以建议使用post方法进行内容提交。

表单元素的格式

type=text(文本框)/password(密码框)/hidden(隐藏域)/checkbox(复选框)/redio(单选框)/submit(提交按钮)/reset(重置按钮)/image(图片按钮) name是你给该表单控件取名

[html012.html]表单form示例

    登录界面

[html012_ok.html]

登录成功，OK!

-------------------------------------------------------------------------------

13 / 199

注：笔记中所有示例，均通过测试!

韩顺平J2EE视频教程第二版

《轻松搞定网页设计html+css+javascript》全42讲笔记

input元素的举例说明

[html013.html]input元素示例

名 字

***********水果**************

**********性别*************

**********隐藏************

注：笔记中所有示例，均通过测试!

14 / 199

韩顺平J2EE视频教程第二版

《轻松搞定网页设计html+css+javascript》全42讲笔记

html常用标记/元素--select/option/textarea下拉框和文本域textarea的使用

[html014.html]下拉框和文本域的使用示例

请选择你的出生地：

*********留言板**********

15 / 199

注：笔记中所有示例，均通过测试!