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:循环播放

  • 相关阅读:
    OleDbCommand 的用法
    递归求阶乘
    C#重写窗体的方法
    HDU 5229 ZCC loves strings 博弈
    HDU 5228 ZCC loves straight flush 暴力
    POJ 1330 Nearest Common Ancestors LCA
    HDU 5234 Happy birthday 01背包
    HDU 5233 Gunner II 离散化
    fast-IO
    HDU 5265 pog loves szh II 二分
  • 原文地址:https://www.cnblogs.com/1301694f/p/8087749.html
Copyright © 2011-2022 走看看