博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表单+文件上传+音频+iframe
阅读量:5890 次
发布时间:2019-06-19

本文共 1496 字,大约阅读时间需要 4 分钟。

一、表单及其标签
首先书写结构
<form action="表单提交地址" menthod=“post get提交方式”>  form只是外边框
<inpu type=“表单元素的类型” name=“键” value=“值”>
                          表单元素:
        文本类型:
          文本框:text   可不规定value值 规定即锁定数值
          密码框:password   可不规定value值
          隐藏域:hidden
          多行文本:textarea
        选择域:  可添加lable
          单选:radio  设定好,name值,需要相同
          多选:checkbox   checkbox 默认选中
          下拉:<select name="键">
                                              <option value="值1">第一条</option>
                                              <option value="值2">选第二条</option>
                                              <option value="值3">第三条</option>
                                            </select>
        按钮:
          补充按钮:button  普通按钮,后续js可添加事件
          提交按钮:submit
          重置:reset
                         file:上传内容
内嵌框架标签,可以嵌套网站,如百度,搜狗等
                        格式:
        <iframe src=“要嵌套的地址,如https:www.baidu.com” framborder=“0 or1 1是有边框” name=“你的框架名字”>
                                            可制作选项卡
                   </iframe><
 
视频
                       <video>
                       controls控制条
                       loop自动播放
                        autoplay自动播放
                       <video
例子:
<video>
src="https://fus.cdn.krcom.cn/001T9UXslx07smQ9hJ0s0104120iERmH0E070.mp4?label=mp4_1080p&template=1920x1080.20.0&Expires=1560582267&ssig=RgYwkYNdF7&KID=unistore,video"
controls loop autoplay>
    
</video>

   案例:

用户名:
密码:
性别:
爱好:
文件上传:
城市:

 

    

转载于:https://www.cnblogs.com/a199706/p/11032880.html

你可能感兴趣的文章
JPA的Embeddable注解
查看>>
Maven在Eclipse中的实用小技巧
查看>>
步步为营Hibernate全攻略(一)构建Hibernate框架环境
查看>>
【开放源代码】【谐波数据生成器】【上位机软件】(版本:0.00)
查看>>
Hibernate基础-HelloWord
查看>>
提高查询速度方法总结
查看>>
Android开发指南(30) —— Multimedia and Camera
查看>>
在Android中使用mkdir在sdcard中创建文件夹出错
查看>>
nova network工作原理及配置
查看>>
SQL语句AND 和 OR执行的优先级
查看>>
Android Studio系列教程四--Gradle基础
查看>>
在ASP.NET MVC3 中利用JSONP跨域登录WEB系统
查看>>
事件绑定的几种常见方式
查看>>
添加cordova-plugin-file-opener2后,打包出错
查看>>
python 重载方法有哪些特点 - 老王python - 博客园
查看>>
在Fedora8上安装MySQL5.0.45的过程
查看>>
TCP长连接与短连接的区别
查看>>
设计模式之命令模式
查看>>
android 测试 mondey
查看>>
Spring AOP项目应用——方法入参校验 & 日志横切
查看>>