zoukankan      html  css  js  c++  java
  • 表单/iframe与video标签

    <form action="所有表单值提交的地址" method="传值的方式默认是GET方式,还有另一种POST方式">
    表单元素
    </form>-->

    <!--提交方式:
    1.get:
    所有表单的数据以键值对的方式 key=value的方式传递给后台
    url:请求地址?key1=value1&key2=value2&key3=value3&.....
    缺点:不安全,传递的内容大小有限制
    2.post:
    不会显示表单数据
    安全性高,传递的内容大小基本没有限制
    表单元素通用格式:
    <input type="表单元素的类型" name="键" value="值">
    placeholder:这个属性为在文本框中做一个提示的格式
    value:作为一个值,如果值填写"zhangsan" 则网页上这个文本框就默认zhangsan
    表单元素的类型:
    1.文本类型:
    text:文本框
    password:密码框
    hidden:隐藏域
    2.按钮类型:
    button:普通按钮
    submit:提交按钮
    reset:重置按钮
    3.单选/多选类型:
    1.radio:单选(必须搭配name属性使用,name属性值一致才可以。)
    2.checkbox:多选
    属性为checked这是一个默认属性,相当于勾选了之后,刷新之后默认选中。必须在input标签中都可以使用★
    disabled属性 不可编辑可以在input中以及下拉框(select)中使用★
    4.文件:
    file:文件上传 ★
    要是填写file文件上传时,必须要在form标签中添加
    formenctype="multipart/form-data"(控制的后期提交文件给服务器的效果)
    5.下拉框标签:
    <select>
    <option>选项1</option>
    <option>选项2</option>
    <option>选项3</option>
    </select>
    selected属性:默认选中,此属性在select下拉框中才能使用,不可在input中使用。★
    6.文本域标签:
     <textarea></textarea>
    -->

    代码如图:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>表单</title>
    </head>
    <body>
    <form action="#" method="post" formenctype="multipart/form-data">
      用户名:<input type="text" name="username" placeholder="请输入用户名" ><br>
      密码:  <input type="password" name="pwd"><br>
      隐藏域: <input type="hidden" name="uid" value="123"><br>
      <input type="button" value="普通按钮"><br>
      <input type="submit" value="提交按钮"><br>
      <input type="reset"  value="重置按钮"><br>
      性别: 
    <!-- 单选-->
    	<!-- label标签:点击框的时候不好点,可以直接点击文字进行勾选。-->
          <label>男<input type="radio" name="sex" value="man" checked></label>
    	  <label>女<input type="radio" name="sex" value="woman"></label><br>
    <!--多选-->
      爱好:
          <label>
          	起凡<input type="checkbox" name="hobby" value="football" >
          </label>
          <label> 
         	 神武3<input type="checkbox" name="hobby" value="basketball">
          </label>
          <label>
          	 英雄联盟<input type="checkbox" name="hobby" value="volleyball">
          </label><br>
        文件上传:
    <!-- 要是填写file文件上传时,必须要在form标签中添加
         formenctype="multipart/form-data"(控制的后期提交文件给服务器的效果)-->
         <input type="file"><br>
        地址:
         <select name="address">
         	 <option value="dema">德玛西亚</option>
         	 <option value="aiou" selected>艾欧尼亚</option>
         	 <option value="niaoguo">鸟国嘚嘚</option>
         </select><br>
       <!--  文本域-->
         <textarea name="text1" cols="30" rows="10">
         	
         	
         	
         	
         </textarea>
    	
    	
    </form>
    </body>
    </html>
    

      ifream标签:

    <!--
    内嵌框架标签
    <iframe name="标签名字" src="嵌套网页地址"></iframe>
    要是连接起来就给iframe一个name名字,再在其他的页面添加属性target="名字跟iframe里面的name值一样即可"
    -->
    <!--
    视频标签★★★★★
    <video src="视频地址"></video>
    controls:控制条,播放的属性得点击才能播放
    autoplay:这是自动播放视频的属性
    loop:循环播放

    网页图标格式:找到自己要的图,在网站上搜索ico转换器点开第二个,然后下载。下载完之后改为ico后缀名,保存到自己想要的路径,然后在HTML页面link
    <link rel="icon" href="a.ico" type=" image/* ">
    -->

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>iframe/video标签</title>
    <link rel="icon" href="a.ico" type="image/*">
    </head>
    
    <body>
    <a href="first.html" target="myhtml">天气</a>
    <a href="second.html" target="myhtml">新闻</a>
    <a href="third.html" target="myhtml">图片</a>
    <br>
    <iframe src="https://www.baidu.com" frameborder="1" width="800px" height="400px" name="myhtml">
    	
    	
    	
    </iframe>
    <video src="https://fus.cdn.krcom.cn/001Fd58Alx07suhjMIrC0104120cPiDp0E050.mp4?label=mp4_1080p&template=1920x1080.20.0&Expires=1553583752&ssig=xkLeaw9%2FZX&KID=unistore,video"  controls="controls" autoplay loop>
    	
    </video>
    </body>
    </html>
    

      

  • 相关阅读:
    51Nod1136--欧拉函数
    ubuntu裸机镜像问题
    汉诺塔问题
    lwm2m协议
    WPF自定义控件与样式(4)-CheckBox/RadioButton自定义样式
    图解大顶堆的构建、排序过程
    WindowsService开发简单入门
    数据结构和算法参考网址
    c#创建windows服务入门教程实例
    C#比较两个对象是否为同一个对象。 Visual Studio调试器指南---多线程应用程序调试(一)
  • 原文地址:https://www.cnblogs.com/awdsjk/p/10600166.html
Copyright © 2011-2022 走看看