首页 > 代码库 > 2017-3-23 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条
2017-3-23 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条
（一）表单
1.<form action=""method="get/post"></form>
2.表单12个元素
文本类：
<input type="text" value=""> - 文本框
<input type="password" value=""> - 密码框
<textarea></textarea> ---- 文本框
<input type="hidden" value=""> - 隐藏域
按钮类
<input type="button" value=""> - 普通按钮 不提交数据
<input type="submit" value=""> - 提交按钮 提交数据
<input type="rest" value=""> - 充值按钮 清空
<input type="image" value=""> - 图片按钮 相当于提交按钮、
选择类
<input type="radio" value=""> - 单选按钮 checked是默认网页的选择项 name是进行分组，单选相互排斥
性别：<input type="radio" id="man" name="sex" checked="checked" /> -- label是鼠标按在字上也可以进行选择
<label for="man">男</label>
<input type="radio" id="woman" name="sex" />
<label for="woman">女</label><br>
<input type="checkbox" value=""> --- 复选按钮
<select> ---- 下拉列表
<option></option>
</select>
<input type="file" value=""> ---- 选择文件
（二） 框架
1.iframe
<iframe src="http://www.mamicode.com/显示的网页地址" width="" height="" name="设置name属性"></iframe>
<a href="http://www.baidu.com" target="123">百度</a> ---- target打开新的网页显示在iframe中
<a href="http://www.sina.com.cn" target="123">新浪</a>
<iframe width="100%" height="500px" src="http://www.qq.com" name="123">
</iframe>
在框架中显示百度，新浪的
2.标题栏小图标
<link rel="shortcut icon" type="image/x-icon" href="http://www.mamicode.com/图片的位置" media="screen" />
3.描点
目标位置的标题处 添加id="???"
使用一个超链接，href里面填 "#???"
<a href="http://www.mamicode.com/#111">第一行</a>
<a href="http://www.mamicode.com/#222">第二行</a>
<a href="http://www.mamicode.com/#h333">第三行</a>
跳转的内容设置好id，href直接跳转到内容id上，并且在网页的最上面显示跳转的内容
4.插入视频
在优酷等视频网站，找到分享位置，复制html代码，贴入网页中
<embed src=http://www.mamicode.com/‘http://player.youku.com/player.php/sid/XMjY0NTkwMjEzMg==/v.swf‘ allowFullScreen=‘true‘ quality=‘high‘ width=‘480‘ height=‘400‘ align=‘middle‘ allowScriptAccess=‘always‘ type=‘application/x-shockwave-flash‘>
5.插入音频
<embed src="http://www.mamicode.com/images/333.mp3" hidden="true" autostart="true" loop="true">
5.简单的滚动条效果
简单的滚动效果：
<marquee direction="right" behavior="alternate" scrollamount="50">啦啦啦啦啦</marquee>
2017-3-23 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条