zoukankan      html  css  js  c++  java
  • PHP 表单与音频知识点及使用

    一.表单:

    所有表单元素放在 form 标签里面
    <form action="提交的地址" method="提交方式默认get">
      表单元素
    </form>

    页面get传值的写法:
    路径 ? 键 = 值 & 键 = 值
    键值对
    键 = 值

    代码及其用法:
    name 值 给表单起名字
    method get/post(本页打开/新建网页) 表单的传输方式
    action URL 传输目标
    enctype="multipart/form-data"

    表单元素的类型
    文本类型:disabled/readonly:不可编辑
    文本框:text     格式:<input type="text" >
    密码框:password    格式:<input type="password">
    隐藏域::textarea    格式:<input type="hidden">

    多行文本:<textarea>


    按钮类型
    普通按钮:button
    重置按钮:reset
    提交按钮:submit


    提交类型:
    单选:radio
    复选:checkbox

    悬浮窗体

    <iframe>



    注意:这两个表单元素的name属性不仅有键的作用,还有分组的作用
    checked:默认选中
    disabled:不可选中
    lable标签

    *下拉选项:

    <select>
      <option>163</option>
      <option>126</option>
      <option>yeah</option>
    </select>
    (selected:默认选中 是option的属性
    multiple:多选 是select的属性 和size联合使用
    size:显示选项的个数  select属性)

    文件:file
    form属性enctype="multipart/form-data"

    表单元素通用格式
    <imput type="类型" name="后台接收的键" value="值"/>

    特殊格式
    <textarea>
      内容/值
    </textarea>
    <select>
      <option>163</option>
      <option>126</option>
      <option>yeah</option>
    </select>
    <form action="untitled.html" method="get">

    举例:

     1 <form action="untitled.html" method="get">
     2 <input type="hidden" value="123">
     3     <table>
     4         <tr>
     5             <td>用户名:</td>
     6             <td><input type="text" placeholder="这是一个用户名"></td>
     7         </tr>
     8         <tr>
     9             <td align="right">密码:</td>
    10             <td><input type="password" ></td>
    11         </tr>
    12         <tr>
    13             <td align="right">性别:</td>
    14             <td>
    15                 <lable><input type="radio" checked="cheecked" name="sex" value="man">男</lable>
    16                 
    17                 <input type="radio" name="sex" value="women">
    18                 <lable for="women">女</lable>
    19             </td>
    20         </tr>
    21         <tr>
    22             <td align="right">兴趣:</td>
    23             <td>
    24                 <input type="checkbox" name="xq" value="lq" checked disabled>篮球
    25                 <input type="checkbox" name="xq" value="zq">足球
    26                 <input type="checkbox" name="xq" value="ymq">羽毛球
    27             </td>
    28         </tr>
    29         <tr>
    30             <td align="right">爱好:</td>
    31             <td>
    32                 <input type="checkbox" name="ah" value="ly">旅游
    33                 <input type="checkbox" name="ah" value="ps">爬山
    34                 <input type="checkbox" name="ah" value="听歌">听歌    
    35             </td>
    36         </tr>
    37         <tr>
    38             <td align="right">民族:</td>
    39             <td>
    40                 <select name="" id="" multiple size="1">
    41                     <option value="1">汉族</option>
    42                     <option value="1">回族</option>
    43                     <option value="1" selected>满族</option>
    44                 </select>
    45             </td>
    46         </tr>
    47         <tr>
    48             <td align="right">个人介绍:</td>
    49             <td>
    50                 <textarea name="" id=""></textarea>
    51             </td>
    52         </tr>
    53         <tr>
    54             <td align="right">上传头像:</td>
    55             <td>
    56                 <input type="file">
    57             </td>
    58         </tr>
    59     </table>
    60     <input type="button">普通按钮
    61     <input type="rest">
    62     <input type="submit">
    63     
    64 </form>
    View Code

    效果图:

    二、音频知识点及格式:

    iframe:把别的网页以窗口的形式显示在本页

    <iframe src="/index.html"></iframe>

    音视频标签:<video><audio>

    <video src="音视频路径" autoplay controls></video>
    <audio src="音视频路径" autoplay controls></audio>
    autoplay :音视频加载完直接播放
    controls:显示播放按钮
    loop:循环播放

  • 相关阅读:
    http-Content-Type
    ip地址和端口号
    node中的js-核心模块
    http-url 发送请求
    http 发送请求
    node http核心模块
    node 写文件
    bzoj-3170 3170: [Tjoi 2013]松鼠聚会(计算几何)
    codeforces 710E E. Generate a String(dp)
    codeforces 710C C. Magic Odd Square(构造)
  • 原文地址:https://www.cnblogs.com/1301694f/p/8087749.html
Copyright © 2011-2022 走看看