PHP 表单与音频知识点及使用

Posted 2020-10-18 樊琇鸿

一.表单：

所有表单元素放在 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：循环播放