【前端】学过一天的HTML+CSS后,能做出什么有趣的项目?

以下内容为本人原创,欢迎大家观看学习,禁止用于商业及非法用途,转载请说明出处,谢谢合作!

  大噶好!我是Yhen!好久不见哈哈哈 ,今天给大家分享的是一个前端项目。有看过我之前文章的朋友可能会了解我之前都是玩python,那么为什么突然玩起了前端呢?

  哈哈哈是这样的,其实早就想试试自己写网页了,然后发现python的django框架是做网站的,于是就去django了,学了一会发现,django是做后端的哦,好像不是写网页的hhh…我傻了,还有网站≠网页。

  于是为了写网页,我开始学习前端…前天学习了一些基础的标签和css样式后,为了巩固我的知识和把它们套现,我就想用我所学到的前端知识做一些项目呢?

  沉思片刻后,灵光一闪~对哇,我可以做一个调查问卷呀。

  于是说干就干,昨天晚上开始着手制作,到今天下午制作完成.

一.思路分析

首先我在问卷星官网找一篇调查问卷作为模板进行模仿实现

【前端】学过一天的HTML+CSS后,能做出什么有趣的项目?_第1张图片
【前端】学过一天的HTML+CSS后,能做出什么有趣的项目?_第2张图片

原网页一共有17题
共涉及到的表单有 单选 多选 文本框 和文本输入框

可以用以下表单样式实现

单选

"radio">

多选

"checkbox" >

输入框

"text" class="ip">

文本输入框(忘记是不是叫这个名字了,反正就是一个大框框)


二.效果展示

这是我实现的效果

【前端】学过一天的HTML+CSS后,能做出什么有趣的项目?_第3张图片
【前端】学过一天的HTML+CSS后,能做出什么有趣的项目?_第4张图片

【前端】学过一天的HTML+CSS后,能做出什么有趣的项目?_第5张图片
【前端】学过一天的HTML+CSS后,能做出什么有趣的项目?_第6张图片
做出来的效果和原来的还是略显有点丑的
但是毕竟还是小菜鸡嘛,还有很多要学习的
能实现出来我已经很开心了

另外我在原来的基础上加了个重置按钮
让用户操作更加便利

三.往期文章回顾

【爬虫+数据可视化】Yhen手把手带你爬取CSDN博客访问量数据并绘制成柱状图

【爬虫】Yhen手把手带你爬取去哪儿网热门旅游信息(并打包成旅游信息查询小工具

【爬虫】Yhen手把手带你用python爬小说网站,全网打尽,想看就看!(这可能会是你看过最详细的教程)

【实用小技巧】用python自动判断并删除目录下的空文件夹(超优雅)

【爬虫+数据库操作】Yhen手把手带你用pandas将爬取的股票信息存入数据库!

【selenium爬虫】
Yhen手把手带你用selenium自动化爬虫爬取海贼王动漫图片

【爬虫】秀才不出门,天下事尽知。你也能做到!Yhen手把手带你打造每日新闻资讯速达小工具。

【爬虫】Yhen手把手带你用python爬取知乎大佬热门文章

【爬虫】Yhen手把手教你爬取表情包,让你成为斗图界最靓的仔

你可能感兴趣的:(Yhen前端划水)