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="显示的网页地址" 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="图片的位置" media="screen"  /> 

3.描点

    目标位置的标题处 添加id="???"
  使用一个超链接,href里面填 "#???"

  <a href="#111">第一行</a>
  <a href="#222">第二行</a>
  <a href="#h333">第三行</a>

  跳转的内容设置好id,href直接跳转到内容id上,并且在网页的最上面显示跳转的内容

4.插入视频

在优酷等视频网站,找到分享位置,复制html代码,贴入网页中

<embed src=‘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‘></embed>

  设置自动播放的在.swf后面加上?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isShowRelatedVideo=false&embedid=-&showAd=0

5.插入音频

<embed src="images/333.mp3" hidden="true" autostart="true" loop="true">

5.简单的滚动条效果

简单的滚动效果:
<marquee direction="right" behavior="alternate" scrollamount="50">啦啦啦啦啦</marquee>

  

时间: 2024-12-14 18:48:18

2017-3-23 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条的相关文章

怎样才能让网页中的表单自动提交

<script type="text/javascript"> function load(){document.all.f1.submit();}</script> <body ><form action="地址" method="post" name="f1"></form> </body> 应该可以~

Html中的表单

 在讲解今天Html表单之前,还是先看张图片来刺激一下. 源码 <span style="font-size:18px;"><html> <head> <title>超链接演示</title> <!--网页标题--> <body> <h1 align="center">仿百度搜索框</h1> <form action="01.php&quo

angularjs中的表单验证

angular对html原生的form做了封装,增加了很多验证功能 1.代码结构 <form name="signup_form" novalidate ng-submit="signupForm()"> <div> <label>用户名</label> <input type="text" placeholder="Name" name="name"

html5中form表单新增属性以及改良的input标签元素的种类

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" /> <!-- 在不支持h5的浏览器中,可以用CSS样式进行改写 --> &

Struts2中防止表单重复提交

一.防止表单的重复提交 1.在表单中加入<s:token/>标签 2.在动作类中加入token的拦截器<interceptor-ref name="defaultStack"></interceptor-ref> <interceptor-ref name="token"></interceptor-ref> 3.增加一个名称为invalid.token的结果视图<result name="

Bootstrap历练实例:导航中的表单

Bootstrap历练实例:导航中的表单,它是使用class.navbar-form类,这确保了表单适当的垂直对齐和在较窄的视口中折叠的行为,使用这个对齐方式选项来决定导航栏中的内容放置在哪里. 实例: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>

在Action中获取表单提交数据

-----------------siwuxie095 在 Action 中获取表单提交数据 1.之前的 Web 阶段是提交表单到 Servlet,在其中使用 Request 对象 的方法获取数据 2.Struts2 是提交表单到 Action,但 Action 没有 Request 对象,不能 直接使用 Request 对象获取数据 「可以间接使用 Request 对象获取数据」 3.Action 获取表单提交数据主要有三种方式: (1)使用 ActionContext 类 (2)使用 Ser

MVC中Form表单的提交

Form表单是数据提交的一种,在MVC中Form表单提交到服务器中地址,接受Form表单的方式有一下几种: 1.采用实体Model类型提交,Form表单中的Input标签name要和Model对应的属性保持一致,接受Form表单的服务器端就可以直接以实体的方式存储,使用方式如下: Form表单: <form action="/Employee/SaveEmployee" method="post"> <table> <tr> &l

extjs中form表单提交成功、失败的响应信息

类Ext.form.Action.Submit 处理表单Form数据和返回的response对象的类. 该类的实例仅在表单Form{@link Ext.form.BasicForm#submit 提交}的时候创建. 返回的数据包必须包含一个 boolean 类型的success属性,还有可选地,一个含有无效字段的错误信息的属性 A response packet may contain: ·        success property : Boolean - required. ·