问卷星1：

最新推荐文章于 2024-10-02 15:35:50 发布
最新推荐文章于 2024-10-02 15:35:50 发布
阅读量220 收藏
点赞数 1
文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luoyuanye2003110/article/details/127988910
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            body{
                width: 100vw;
                height:100vh ;
                background: url(img/背景.jpg) no-repeat center/100% 100%;
            }
            .big{
                width:1500px;
                height: 500px;
                background: url(./img/logo.png) no-repeat;
                
            }
            .left{
                width: 500px;
                height: 50px;
            }
            .right{
                width: 500px;
                height: 50px;
                float: right;
                
            }
            .right1{
                width: 200px;
                height: 50px;
                float: left;
                border: 1px solid white;
                border-radius: 100px;
                text-align: center;
                margin-top: 10px;
                line-height: 50px;
                color: white;
            }
            .right1:hover{
                border: 5px solid #FFFFFF;
            }
            .right2{
                width: 200px;
                height: 50px;
                margin-top: 10px;
                border: 1px solid white;
                border-radius: 100px;
                margin-left: 300px;
                text-align: center;
                line-height: 50px;
                color: white;
            }
            .right2:hover{
                border: 5px solid #FFFFFF;
            }
            .kk{
                width:400px;
                height: 450px;
                background-color: #FFFFFF;
                border-radius: 10px;
                position: absolute;
                transform: translate(-50%,-50%);
                left: 50%;
                top: 50%;
            }
            ul,li{
                list-style: none;
            }
            .zhanghao ul li{
                float: left;
                margin-left: 20px;
                font-size: 20px;
                margin-bottom: 20px;
            }
            .zhanghao ul li:hover{
                color: orange;
            }
            .yonghu{
                width: 300px;
                height: 40px;
                margin-left: 30px;
                margin-top: 10px;
            }
            .mima{
                width:300px;
                height: 40px;
                margin-top: 20px;
                margin-left: 30px;
            }
            .dx{
                margin-left: 30px;
                
            }
            .wj{
                float: right;
                margin-right: 20px;
            }
            
            .denglu{
                width: 300px;
                height: 40px;
                background-color: orange;
                border-radius: 5px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 10px;
                text-align: center;
                line-height: 50px;
            }
            
            .liji{
                text-align: center;
                margin-top: 20px;
            }
            .gengduo{
                width:360px ;
                height: 50px;
                
            }
            ul,li{
                list-style: none;
            }
            .gengduo ul li{
                float: left;
                margin-left:10px;
            }
            .h1{
                width: 100px;
                height: 2px;
                margin-top: 20px;
                background-color: whitesmoke;
            }
            .duo{
                text-align: center;
                margin-top: 10px;
            }
            .h2{
                width: 100px;
                height: 2px;
                margin-top: 20px;
                
                background-color: whitesmoke;
            }
            
            .tu ul li{
                float: left;
                margin-left: 40px;
            }
        </style>
    </head>
    <body>
        <div class="big">
            
                <div class="left"></div>
                <div class="right">
                <div class="right1">注册</div>
                <div class="right2">返回首页</div>
                <div class="kk">
                    <div class="zhanghao">
                        <ul>
                            <li>账号登录</li>
                            <li>验证码登录</li>
                        </ul>
                    </div>
                    <div class="yonghu">
                        <input type="text" value="用户名/Email/手机">
                    </div>
                    <div class="mima">
                        <input type="password" placeholder="请输入登录密码">
                    </div>
                    <div class="dx">
                    <input type="checkbox" name="aihao">
                    <span>下次自动登录</span>
                    <p class="wj"><a href="#">忘记用户名/密码</a></p>
                <div class="denglu">登录</div>
                <p class="liji"><a href="#">立即登录</a></p>
                <div class="gengduo">
                    <ul>
                        <li class="h1"></li>
                        <li class="duo">更多登录方式</li>
                        <li class="h2"></li>
                    </ul>
                </div>
                <div class="tu">
                    <ul>
                        <li ><img src="img/QQ.PNG"></li>
                        <li ><img src="img/微信.PNG"></li>
                        <li ><img src="img/企业微信.PNG"></li>
                    </ul>
                </div>
                </div>
            </div>
    </body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body{
				width: 100vw;
				height:100vh ;
				background: url(img/背景.jpg) no-repeat center/100% 100%;
			}
			.big{
				width:1500px;
				height: 500px;
				background: url(./img/logo.png) no-repeat;
				
			}
			.left{
				width: 500px;
				height: 50px;
			}
			.right{
				width: 500px;
				height: 50px;
				float: right;
				
			}
			.right1{
				width: 200px;
				height: 50px;
				float: left;
				border: 1px solid white;
				border-radius: 100px;
				text-align: center;
				margin-top: 10px;
				line-height: 50px;
				color: white;
			}
			.right1:hover{
				border: 5px solid #FFFFFF;
			}
			.right2{
				width: 200px;
				height: 50px;
				margin-top: 10px;
				border: 1px solid white;
				border-radius: 100px;
				margin-left: 300px;
				text-align: center;
				line-height: 50px;
				color: white;
			}
			.right2:hover{
				border: 5px solid #FFFFFF;
			}
			.kk{
				width:400px;
				height: 450px;
				background-color: #FFFFFF;
				border-radius: 10px;
				position: absolute;
				transform: translate(-50%,-50%);
				left: 50%;
				top: 50%;
			}
			ul,li{
				list-style: none;
			}
			.zhanghao ul li{
				float: left;
				margin-left: 20px;
				font-size: 20px;
				margin-bottom: 20px;
			}
			.zhanghao ul li:hover{
				color: orange;
			}
			.yonghu{
				width: 300px;
				height: 40px;
				margin-left: 30px;
				margin-top: 10px;
			}
			.mima{
				width:300px;
				height: 40px;
				margin-top: 20px;
				margin-left: 30px;
			}
			.dx{
				margin-left: 30px;
				
			}
			.wj{
				float: right;
				margin-right: 20px;
			}
			
			.denglu{
				width: 300px;
				height: 40px;
				background-color: orange;
				border-radius: 5px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 10px;
				text-align: center;
				line-height: 50px;
			}
			
			.liji{
				text-align: center;
				margin-top: 20px;
			}
			.gengduo{
				width:360px ;
				height: 50px;
				
			}
			ul,li{
				list-style: none;
			}
			.gengduo ul li{
				float: left;
				margin-left:10px;
			}
			.h1{
				width: 100px;
				height: 2px;
				margin-top: 20px;
				background-color: whitesmoke;
			}
			.duo{
				text-align: center;
				margin-top: 10px;
			}
			.h2{
				width: 100px;
				height: 2px;
				margin-top: 20px;
				
				background-color: whitesmoke;
			}
			
			.tu ul li{
				float: left;
				margin-left: 40px;
			}
		</style>
	</head>
	<body>
		<div class="big">
			
				<div class="left"></div>
				<div class="right">
				<div class="right1">注册</div>
				<div class="right2">返回首页</div>
				<div class="kk">
					<div class="zhanghao">
						<ul>
							<li>账号登录</li>
							<li>验证码登录</li>
						</ul>
					</div>
					<div class="yonghu">
						<input type="text" value="用户名/Email/手机">
					</div>
					<div class="mima">
						<input type="password" placeholder="请输入登录密码">
					</div>
					<div class="dx">
					<input type="checkbox" name="aihao">
					<span>下次自动登录</span>
					<p class="wj"><a href="#">忘记用户名/密码</a></p>
				<div class="denglu">登录</div>
				<p class="liji"><a href="#">立即登录</a></p>
				<div class="gengduo">
					<ul>
						<li class="h1"></li>
						<li class="duo">更多登录方式</li>
						<li class="h2"></li>
					</ul>
				</div>
				<div class="tu">
					<ul>
						<li ><img src="img/QQ.PNG"></li>
						<li ><img src="img/微信.PNG"></li>
						<li ><img src="img/企业微信.PNG"></li>
					</ul>
				</div>
				</div>
			</div>
	</body>
</html>

浅沫......
关注
问卷星 php,问卷星API介绍
weixin_35779309的博客
03-26 1689
问卷星API介绍：⼀一、填写问卷时传递参数(如，⽤用户ID)通过使⽤用⾃自定义链接可以通过在问卷链接中传递参数(如，您系统中的⽤用户ID)到问卷中，并保存在问卷数据中。同时在填写完成问卷后访问您指定的⻚页⾯面并带⼊入此参数进⾏行行后续处理理(例例如赠送积分或优惠卷给此⽤用户)。使⽤用场景：以CRM系统为例例，问卷星的⽤用户希望对CRM系统中的客户进⾏行行满意度问卷调查跟踪，需要将CRM中的⽤用户I...
python问卷星微信登录_Python填写问卷星
weixin_39908106的博客
12-17 870
Python填写问卷星有些无意义的问卷作业，真的没有必要。但是作业既然有了，那就想办法解决它把。关于IP限制的问题，可以使用X-Forwarded-For更换IP。只会用印象笔记markdown的我，感觉简书markdown好复杂。我想做个目录，但是[toc]没反应，...1.分析接口问卷星提交数据的urlurl需要参数生成，submiitdata为提交的数据1$2：表示选择第一问的第二个选项，这...
问卷星禁止粘贴解决方案
热门推荐
千寻简笔记《chihiro-notes》已开源|公众号：千寻简
04-02 1万+
解决方案一：（复杂不推荐，测试谷歌浏览器下无效：猜测问卷星更新解决了） 在界面按F12 在控制台（console）中输入 document.querySelectorAll("textarea").forEach(i=>i.onpaste=null) 推荐方案：Word拖拉 1.首先要创建一个word文件，要复制的内容放进去 2.选中要复制的内容，拖动到文本框中 附上视频教程：小破站 ......
问卷星图片自动提取小程序
ldc1513的博客
05-09 1302
在摄影比赛征稿的时候，发现收到的excel汇总中图片是用链接的形式给出的，非常不方便，尤其是人比较多的时候也懒得一个个下载，所以写了一个小程序自动把这些图片按照顺序分文件夹下载好，以下内容均可按照注释自行修改~ "encoding=utf-8" import urllib.request import xlrd import pandas as pd import os def dld(url,place):#将url中的文件下载到place urllib.request.urlretrieve
python填写问卷星_Python填写问卷星
weixin_39616674的博客
12-16 954
主要使用python实现问卷星的自动填写和提交。主要使用了https://www.jianshu.com/p/34961ceedcb4的代码，使用了X-Forwarded-For自动修改ip，我测试的时候是可以使用的。PS：我是在linux下面跑的程序，要修改的地方：def set_data(self):"""这个函数中生成问卷的结果，可根据问卷结果，随机生成答案,答案根据个人需要进行修改:ret...
python 实现问卷星自动填写多份
舞动的獾
11-04 5209
问卷星的问卷填写 工具：burpsuit,python 问卷星亲测，可以用python的requests库对问卷访问填写。首先对访问的页面进行抓包，得到的header部分照抄到requests的header里。 亲测一个ip只能填写三份问卷，所以这里再脚本上加入随机的代理头部 脚本如下： import requests from urllib import parse from time impo...
python爬取问卷星内容,Python 问卷星自动填写 爬虫
weixin_36225384的博客
03-26 2878
Python帮你填问卷星ps：网上看到的代码，虽然技术不深，但我觉得挺有用的，所以在此分享给大家在某段时间朋友圈是否一直充斥着各种问卷调查，为了达成某种要求我们不断向好友求助填写问卷，今天，我就把下面这个自动填写问卷的神器交给你，再有人找你填问卷直接给他交100份~当然在此之前你需要先在你的电脑上装上 python 2.7import requestsimport reimport timeimp...
python问卷星微信登录_Python+Selenium自动刷问卷星问卷
weixin_39654823的博客
12-07 1610
importtimeimportrandomfrom selenium importwebdriverdefautoSelect():#将问卷星网站放在下面driver.get('https://www.wenjuan.com/s/IFNFni')key_1= str(random.randint(1, 4))list1= ['计算机', '会计', '汽修', '幼师', '建筑', '工商']...
python爬取问卷星内容_Python Selenium 问卷星自动填写
weixin_39883256的博客
02-21 905
从问卷星网站找的一个模板编写思路大致是这样xpath定位网页元素driver.find_element_by_xpath对元素进行操作，有点击click和填入send_keys最后点击提交问卷//*[@id="submit_button]结束若想要多份问卷写个循环套外面即可注意事项要下载相应版本的Chormedriver放在python文件夹里做驱动填写问卷时，定位元素只能定位到可视化区域，看不...
基于React技术栈的问卷星仿制项目设计源码
04-08
问卷星仿制项目：基于React技术栈开发，包含27个文件，包括5个JSON配置文件、3个JavaScript文件、3个TSX文件、3个TypeScript文件、2个PNG图像文件、2个CSS样式文件、1个.gitignore文件、1个husky/commit-msg文件、1...
jQuery 仿问卷星 自定义修改问卷调查表单前端代码
07-06
**jQuery 仿问卷星自定义修改问卷调查表单前端代码详解** 在网页开发中，创建交互性强、用户体验良好的在线问卷调查表单是一项重要的任务。"jQuery 仿问卷星"的项目，就是基于JavaScript库jQuery实现的一个类似问卷...
模仿问卷星个人版html+css
06-02
这涉及到对问卷星网站的用户界面进行分析，包括其导航栏、登录/注册模块、主界面布局、问题编辑界面、答题页面以及各种交互元素的样式等。通过这个项目，开发者可以提升对前端开发流程的理解，学习如何将设计稿转化...
jQuery 仿问卷星 自定义修改问卷调查表单代码
07-12
**jQuery 仿问卷星 自定义修改问卷调查表单代码** 在网页开发中，构建问卷调查表单是一项常见的任务。为了提高效率和用户体验，开发者经常参考现有的成熟平台，如问卷星，来实现自己的自定义功能。这个项目就是基于...
CSS-Day3
m0_74039531的博客
09-29 270
伪类的语法：selector:pseudo-class {property:value;}CSS类也可以使用伪类：selector.class:pseudo-class {property:value;}您可以使用 :first-child 伪类来选择父元素的第一个子元素。p:first-child { color:blue; }在下面的例子中，选择相匹配的所有<p>元素的第一个 <i> 元素：p > i:first-child { color:blue; }在下面的例子中，选择器匹配所有作
CSS画出三角形的做法
mingangel的博客
10-01 216
在网页中，会有三角形的出现，我们脑海里会有很多想法，如何去实现他们，我来提供一种比较好玩的做法。
CSS 盒子属性
m0_74012211的博客
10-02 235
CSS 盒子属性
如何用JavaScript编写一个简单的计数器
Jiaberrr的博客
10-01 294
在网页开发中，计数器是一种常见的功能，它可以帮助我们记录点击次数、显示时间等。下面我将介绍如何在HTML页面中使用JavaScript实现一个基本的计数器。
【CSS】position
最新发布
小秀的博客
10-02 147
特点：粘性元素根据滚动位置在相对（relative）和固定（fixed）之间切换。起先它会被相对定位，直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置（比如 position:fixed）。特点：不影响元素本身特性，元素不脱离文档流，相对于原位置进行偏移。特点：元素脱离文档流 ，块级元素由内容撑开宽高，清除子集浮动。参考物：距离最近的使用了定位的父级，没有时找body。position: static 静态定位（默认）参考物：根据用户的滚动位置进行定位。参考物：元素的初始位置。
提升问卷调查效率：关键点与工具选择
- 问卷星：个人版功能全面，支持大量问卷，有题库和查看他人问卷的功能，是升级到企业版的好选择。 - Surveymonkey：知名国际平台，企业版提供更多定制化选项，但中文版体验受限，速度慢且只支持繁体字。 总结来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值