个人网页中利用表单实现跳转B站和QQ音乐搜索（仿百度搜索）

最新推荐文章于 2022-07-31 00:22:14 发布
最新推荐文章于 2022-07-31 00:22:14 发布
阅读量898 收藏 5
点赞数 3
分类专栏： 前端 HTML5 初学者 文章标签： 前端 新手
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44831027/article/details/103223094
版权
本文介绍如何利用HTML的form标签在个人网页中实现B站视频和QQ音乐的搜索功能。通过分析B站和QQ音乐的搜索URL，设置form的action和method属性，将用户输入的搜索内容提交到对应搜索接口，从而达到搜索目的。
摘要由CSDN通过智能技术生成

HTML利用标签接入B站搜索功能

最近在制作个人网页的时候，想在网站中插入两个搜索接口，一个用来对接B站**搜索视频，另一个用来对接QQ音乐，搜索音乐。
搜索了一下后发现有使用百度进行搜索的例子：
利用HTML中的form标签进行验证，很是惭愧，HTML5并没有认真仔细的学习完，也没有上手做个不错的项目，于是重新学习了一下这个标签的用法，
实现了一个大概这样的效果：
输入许嵩
输入老番茄
在这里插入图片描述在这里插入图片描述首先对于bilibili，因为B站提供了专门的搜索网站：bilibili搜索
然后我们进入网站后，

最低0.47元/天 解锁文章
codeAX
关注
专栏目录
【web课程设计】HTML+CSS仿QQ音乐网站
qq_38514921的博客
03-20 1892
🎵 音乐网页设计 、🎸仿网易云音乐、各大音乐官网网页、🎶明星音乐演唱会主题、🥁爵士乐音乐、民族音乐、等网站的设计与制作。🏷️HTML音乐网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结
安卓搜索相关相关-Android仿QQ音乐搜索记录改进能清除历史能逐条删除能动态加载记录条数限定加载前5条记录。用listview加载记录.zip
07-29
Android仿QQ音乐搜索记录改进 能清除历史、能逐条删除、能动态加载记录条数，限定加载前5条记录。用listview加载记录.zip,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
仿百度音乐html5,js仿百度音乐全选操作
weixin_42484898的博客
06-03 217
本文实例为大家分享了js全选操作的具体代码，供大家参考，具体内容如下无标题文档*{margin:0;padding:0;}ul{list-style:none;}#content{width:300px;border:1px solid #ccc;margin:20px auto;}#content ul{width:300px;}#content ul li,#content div{width...
jQuery+HTML5类似百度音乐网页播放器
10-17
jQuery+HTML5类似百度音乐网页播放器
jQuery+HTML5类似百度音乐网页播放器代码
03-18
插件描述：一款jQuery+HTML5类似百度音乐网页播放器代码免费下载，在HTML5盛行的今天，jQuery+HTML5取代了大量的程序开发工作，一款类似百度音乐播放器代码，功能灰常强大！支持火狐、IE9以上等支持HTML5+CSS3浏览器。（兼容测试：FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器）。 使用方法：压缩文件内有。
Android仿QQ音乐搜索记录改进-更Perfect
10-27
在网上搜了好多个搜索记录，但是都不符合，而且功能简单。下了个网例，改进了许多，能清除历史、能逐条删除、能动态加载记录条数，限定加载前5条记录。用listview加载记录。经过几天的苦思冥想以及抓狂，终于达到我想要的效果。啊啊啊！！！干货，与大家共享，资源分5分，也不多，为了几天来的辛苦。好例子与大家分享。大家可以再改进完善。
【网页设计】HTML做一个属于我的音乐页面（纯html代码）
08-10
- **DIV+CSS布局**：利用DIV容器来组织页面结构，通过CSS来控制样式和布局，这种组合方式在现代网页设计中非常常见。 - **网页结构设计**：网页通常由头部、导航、主要内容区域和页脚四个部分组成。合理的结构不仅有...
关于《web课程设计》网页设计 用html css做一个漂亮的网站 仿新浪微博个人主页
HTML网页设计
07-31 938
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
基于 electron-vue 开发的音乐播放器，界面模仿QQ音乐，技术栈electron-vue+vue+vuex+vue-r
05-25
【标题】基于 electron-vue 开发的音乐播放器是一个利用现代前端技术构建的桌面应用程序，其设计灵感来源于QQ音乐，提供了类似的功能和用户体验。这个项目采用的技术栈包括 electron-vue、vue、vuex、vue-router 和 ...
仿百度网页音乐播放器圆形图片转圈播放效果.zip
07-02
仿百度网页音乐播放器圆形图片转圈播放效果主要是自定义了一个圆形ImageView，可以设置最多两个宽度不同且颜色不同的圆形边框。代码简单有注释，需要的朋友可以下载看一下。   效果图：
html5音乐播放器（仿5sing）
08-16
基于html5的音乐播放器demo，样式仿照5sing网站，重写js文件
HTML5音乐播放器仿网易云音乐QQ音乐
08-11
HTML5 音乐播放器，仿网易云音乐，QQ音乐
QQ音乐首页
03-02
模仿qq音乐的首页，适合新手练手学习的源码，提高html5和css的编程熟练度
vue.js模仿qq音乐
03-05
一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合
django建立个人网站（4音乐搜索模块）
sars945的博客
08-23 713
因为版权听歌变得麻烦起来，所以直接一次性搜索4个平台（QQ，网易，酷狗，酷我）的音乐。（有些歌四个平台都无版权，只好在YouTube上听了） 源码作者禁止转载，这是他的链接：网址链接 至于功能如何实现的，他的视频讲的很清楚了。 不过他的源码中，酷狗音乐和酷我音乐的功能已经不能使用了。我进行了修改。 修改后可使用代码：代码下载 其中网易云音乐调用js文件：js文件下载放到代码同目录下即可。 我测试了下，开启多线程和不开的时间都差不多。所以没开。 同样前端HTML： <div id...
如何做一个音乐搜索与播放的功能
lmp5023的博客
06-16 830
用到的接口： # 音乐搜索 请求地址 http[s]://api.kieng.cn/musicsearch 参数说明 str->歌名|id=>音乐ID|URL=>音乐URL(三者选一,必填),page->页数,type->平台 请求方式 GET/POST 特殊说明 type支持参数:qq(QQ音乐),netease(网易),kugou(酷狗),kuwo(酷我),xiami(虾米),baidu(百度),1ting(一听),migu(咪咕),lizhi(荔枝)
界面跳转类似于qq音乐刚开始登录时跳出的图标
kluing的专栏
04-24 1522
最近再做一个登陆页面需要一张图片过滤一下  不能自己做一个登陆界面一打开自己的app就直接登录吧！当然要做的稍微美观一点，开启app先跳出一个图片让我们欣赏一下。 先放一个跳转的Activity public class MyMusicPlayer1Activity extends Activity {     /** Called when the activity is first cr
移动端（H5+）唤起B站（Bilibili）APP客户端的代码。
黑夜的风的博客
11-25 5759
在网页中打开 &amp;amp;amp;amp;amp;amp;amp;amp;lt;script&amp;amp;amp;amp;amp;amp;amp;amp;gt; window.onload=function(){ window.location.href = 'bilibili://video/36015655';//打开视频 window.location.href = 'bilibili://music/detail/567692';//打开音频 } &
HTML+CSS仿QQ音乐网站设计：静态网页作业源码
这个设计适用于学生的学习和期末考核，包含了多种类型的网页设计模板，如个人、美食、公司、学校等多个主题。项目使用了原生HTML5、CSS3和JavaScript技术，具有简单的代码结构，便于使用Dreamweaver、HBuilder、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值