入门系列3
1、表单:
1.1 <form name="表单名" method="传输方式" action="url"></form>
1.2 input标签
<input type="" name="栏位名称" value="栏位内定值" size="栏位显示宽度" maxlength="栏位数据输入最大长度" readonly>
文本框:
<input type="text" name="" value="" size="" maxlength="" readonly />
密码框:
<input type="password" name="" value="" size="" maxlength="" readonly />
隐藏性栏位:
<input type="hidden" name="" value="栏位值" />
多重勾选栏位:
<input type="checkbox" name="" value="内定值" checked disabled>
单选栏位:
<input type="radio" name="" value="" checked disabled>
窗体选项栏位设置:
<select name="" size="数字" multiple>
<optgroup label="分组名称">
<option value="选项值" selected> </option>
</optgroup>
</select>
文字区块设置:
<textarea cols="设置长度" rows="设置宽度"></textarea>
按钮设置:
<input type="submit" value="提交" />
<input type="reset" value="清空" />
按钮图像:(在一个按钮上有一张图)
<button type="图像形态" name="栏位名称"img src="url"></button>
图像按钮:(整张图直接作为按钮)
<input type="image" src="url" alt="">
上传栏位:
<input type="file" name="file"/>
1.3 表单加上外边框和标题:
外边框:<fieldset></fieldset>
标题:<legend></legend>
1.4 元件次序和快捷键:
accesskey : "w" (alt+w)(ctrl+w)
tabindex = "n";
2、多窗体
2.1 多窗体的基本结构:
<frameset cols="列数" rows="行数" border="" frameborder="边框是否显示|0/1" framespacing="页面与页面的边距">
<frame src="链接的页面" noresize scroll="是否显示滚动条|yes/no/auto" marginheight="垂直方向|窗体内容与边界的距离" marginwidth="水平方向|窗体内容与边界的距离"/>
</frameset>
PS frame的属性: noresize:不允许浏览器自行改变框架大小
<frameset cols="20%,40%,*" rows="20%,*">
<frame />
</frameset>
<frameset rows="20%,70%,*">
<frame />
<frameset cols="30%,*">
<frame />
<frame />
</frameset>
<frame />
</frameset>
2.2 <frame> 的命名属性与超链接
<frame name="窗体名称">
<a href="url" target="窗体名称">在指定窗体中打开超链接显示的内容</a>
2.3 多窗体链接的属性:
target _blank 在新窗口中打开被链接的文档
_self 在相同的框架中打开被链接的文档(默认)
_parent 在父框架集合中打开被链接的文档
_top 在整个窗口中打开被链接的文档
2.4 悬浮窗体设置:(与表格相嵌套,超链接的使用见2.2)
<iframe>... </iframe>
2.5 使用框架时,记得把 <body> </body> 去掉
3、多媒体
3.1 flash动画插入:
<embed src="url" width="" height="" wmode=""></embed>
PS wmode: window 使flash自身的矩形窗口来播放
opaque 使flash隐藏页面上位于它后面
transparent 使flash某一部分透明
<object type="" data="url" width="" height=""></object>
PS 必须在使用子标签<param>完成flash插入
3.2 mp3 及 wmv 插入:
<embed autostart="true|false" loop="循环次数| 数字/true/false"></embed>
<object name="url" autoplay="true|alse"></object>
3.3 背景音乐:
<bgsound src="url" loop="次数">
3.4 网页流媒体视频插入
4跑马灯效果:
<marquee behavior="scroll|slide|alternate" direction="left|right|up|down" scrollamount="播放速度|数字" bgcolor="" vspace="左右两侧间距" nspace="上下两侧间距"></marquee>
PS scroll 从右到左移动
slide 从右到左停止
alternate 向两边移动