分享98个JS表单脚本,总有一款适合您

简介: 分享98个JS表单脚本,总有一款适合您

分享98个JS表单脚本,总有一款适合您

 

98个JS表单脚本下载链接:https://pan.baidu.com/s/1dsRRD_IWoLmgKcmuxyzjZg?pwd=xex7

提取码:xex7

Python采集代码下载链接:https://wwgn.lanzoul.com/iKGwb0kye3wj

Js登陆注册表单设计代码

html表单框架代码

jQuery金融借款单提交表单

html透明表单注册模板

jQuery英文数字组合表单验证码特效

jQuery清新简洁的密码强度检查插件

jQuery带验证登录表单插件

5款简单实用的单选框样式

HTML5制作的橙色表单页面特效

10款CSS3价格标签定价表单特效

CSS3带背景图的价格标签特效

CSS3带浮动占位符的登录表单特效

SVG单选多选表单按钮动画特效

jQuery企业留言表单联系代码

CSS注册表单必填验证代码

jQuery可视化表单拖拽编辑代码

纯CSS单复选框选中美化特效

面向设计的AXUI前端框架表单

jQuery可视化表单拖拽实例下载

带背景图片的注册表单代码

web前端ui框架zUI插件

CSS3打开弹出登陆框背景图片代码

jQuery前端UI框架表单样式代码

JS用户反馈表单提交代码

CSS3卡片式登录注册表单

JS登录和注册表单动画切换特效

CSS3带顶部色条登录框特效

import os
import shutil
import time
from time import sleep
from docx import Document
from docx.shared import Inches
from framework.base.BaseFrame import BaseFrame
from sprider.business.SeleniumTools import SeleniumTools
from sprider.business.SpriderTools import SpriderTools
from selenium import webdriver
from selenium.webdriver.common.by import By
from sprider.model.SpriderEntity import SpriderEntity
from sprider.access.SpriderAccess import SpriderAccess
title_name = "表单脚本"
class ChinaZJsSelenium:
    base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 100 # 采集数量
    sprider_start_count=0
    word_content_list = []
    folder_name = ""
    page_end_number=0
    max_pager=20 #每页的数量
    haved_sprider_count =0  # 已经采集的数量
    page_count = 1  # 每个栏目开始业务content="text/html; charset=gb2312"
    filter_down_file=[]
    def __init__(self):
        pass
    def sprider(self,title_name):
        """
       采集
       图片切换 https://sc.chinaz.com/tag_jiaoben/tupianqiehuan.html
       返回顶部 https://sc.chinaz.com/tag_jiaoben/fanhuidingbu.html
       动画效果 https://sc.chinaz.com/tag_jiaoben/donghuaxiaoguo.html
       倒计时 https://sc.chinaz.com/tag_jiaoben/daojishi.html
       弹出层 https://sc.chinaz.com/tag_jiaoben/danchuceng.html
       在线客服 https://sc.chinaz.com/jiaoben/kefu.html
       手风琴 https://sc.chinaz.com/tag_jiaoben/shoufengqin.html
       表单脚本 https://sc.chinaz.com/tag_jiaoben/biaodan.html
       :return:
       """
        if title_name == "图片切换":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "图片切换JS特效"
            self.second_column_name = "tupianqiehuan"
        elif title_name == "表单脚本":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS表单脚本"
            self.second_column_name = "biaodan"
        elif title_name == "返回顶部":
            self.folder_name = "JS返回顶部特效"
            self.second_column_name = "fanhuidingbu"
        elif title_name == "动画效果":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS特效动画效果"
            self.second_column_name = "donghuaxiaoguo"
        elif title_name == "倒计时":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS特效倒计时"
            self.second_column_name = "daojishi"
        elif title_name == "弹出层":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS特效弹出层"
            self.second_column_name = "danchuceng"
        elif title_name == "在线客服":
            self.first_column_name = "jiaoben"  # 一级目录
            self.folder_name = "JS特效在线客服"
            self.second_column_name = "kefu"
        elif title_name == "手风琴":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS特效手风琴"
            self.second_column_name = "shoufengqin"
        BaseFrame().right("本次采集参数:sprider_count=" + str(self.sprider_count) + "")
        BaseFrame().right("本次采集参数:title_name="+title_name+"")
        BaseFrame().right("本次采集参数:second_column_name=" + self.second_column_name + "")
        self.sprider_category = title_name  # 一级目录self.folder_name
        second_folder_name = str(self.sprider_count) + "个" + self.folder_name #二级目录
        self.sprider_type =second_folder_name
        self.merchant=int(self.sprider_start_count) //int(self.max_pager)+1 #起始页码用于效率采集
        #原始路径+一级目录+二级目录
        self.file_path = self.save_path + os.sep + "JS" + os.sep + self.folder_name  + os.sep + second_folder_name
        self.save_path = self.save_path+ os.sep + "JS" + os.sep+self.folder_name +os.sep + second_folder_name+ os.sep + self.folder_name
        BaseFrame().debug("开始采集ChinaZJS"+self.folder_name+"源码...")
        sprider_url = (self.base_url + "/{1}/{0}.html".format(self.second_column_name,self.first_column_name))
        down_path="D:\\Freedom\\Sprider\\ChinaZ\\JS\\"+self.folder_name +"\\"+second_folder_name+"\\Temp\\"
        if os.path.exists(down_path) is True:
            shutil.rmtree(down_path)
        if os.path.exists(down_path) is False:
            os.makedirs(down_path)
        if os.path.exists(self.save_path ) is True:
            shutil.rmtree(self.save_path )
        if os.path.exists(self.save_path ) is False:
            os.makedirs(self.save_path )
        chrome_options = webdriver.ChromeOptions()
        diy_prefs ={'profile.default_content_settings.popups': 0,
                    'download.default_directory':'{0}'.format(down_path)}
        # 添加路径到selenium配置中
        chrome_options.add_experimental_option('prefs', diy_prefs)
        chrome_options.add_argument('--headless') #隐藏浏览器
        # 实例化chrome浏览器时,关联忽略证书错误
        driver = webdriver.Chrome(options=chrome_options)
        driver.set_window_size(1280, 800)  # 分辨率 1280*800
        # driver.get方法将定位在给定的URL的网页,get接受url可以是任何网址,此处以百度为例
        driver.get(sprider_url)
        # content = driver.page_source
        element_list = driver.find_elements(By.CLASS_NAME, "picblock")  # 列表页面 核心内容
        #element_list = div_elem.find_elements(By.CLASS_NAME, 'item')
        #print(element_list.get_attribute('innerHTML'))
        laster_pager_div = driver.find_element(By.CLASS_NAME, "fenye")
        laster_pager_a =laster_pager_div.find_elements(By.TAG_NAME, 'a')
        laster_pager_url = laster_pager_a[len(laster_pager_a) - 2]
        page_end_number = int(laster_pager_url.text)
        self.page_count=self.merchant
        while self.page_count <= int(page_end_number):  # 翻完停止
            try:
                if self.page_count == 1:
                    self.sprider_detail(driver,element_list,self.page_count,page_end_number,down_path)
                    pass
                else:
                    if self.haved_sprider_count == self.sprider_count:
                        BaseFrame().debug("采集到达数量采集停止...")
                        BaseFrame().debug("开始写文章...")
                        self.builder_word(self.folder_name, self.word_content_list)
                        BaseFrame().debug("文件编写完毕,请到对应的磁盘查看word文件和下载文件!")
                        break
                    #(self.base_url + "/sort/{0}/{1}/".format(url_index, self.page_count))
                    #http://soft.onlinedown.net/sort/177/2/
                    #https://sc.chinaz.com/tag_jiaoben/tupianqiehuan_2.html
                    next_url = self.base_url + "/tag_jiaoben/{0}_{1}.html".format(self.second_column_name, self.page_count)
                    driver.get(next_url)
                    element_list = driver.find_elements(By.CLASS_NAME, "picblock")  # 列表页面 核心内容
                    self.sprider_detail( driver, element_list, self.page_count, page_end_number, down_path)
                    pass
                #print(self.page_count)
                self.page_count = self.page_count + 1  # 页码增加1
            except Exception as e:
                print("sprider()执行过程出现错误:" + str(e))
                sleep(1)

CSS3带图标和占位符的登录表单

jQuery仿百度商桥在线客服代码

jQuery表单提交滑动验证实例

vue.js添加待办事项样式特效

CSS3透明方块碎片登录框特效

HTML5 SVG液态表单动画特效

CSS3账号密码输入框提示特效

CSS3注册表单文本框占位符特效

jQuery创意输入框表单提交特效

HTML5 SVG邮箱订阅表单特效

jQuery创意输入框表单提交特效

HTML5 SVG邮箱订阅表单特效

jQuery三步骤表单内容提交特效

jQuery右下角留言表单代码

css3登录注册表单切换特效

CSS3紫色渐变登陆框表单代码

HTML5登录注册表单切换代码

CSS3单选按钮动画特效

CSS3会员登录窗口模板

jQuery点击弹窗导入数据表单代码

js三级联动下拉表单代码

纯CSS3折叠纸登录表单特效

CSS3用户登录表单代码

js+css3登录表单动画特效

js会员注册表单验证代码

jQuery实现Diy拖拽表单代码

jQuery支付宝输入密码代码

jQuery商品信息填写表单代码

jQuery拖拽图片上传表单代码

jQuery橙色注册表单验证代码

js点击弹窗弹出登录框代码

CSS3窗口登录表单带关闭按钮

代码雨背景用户注册表单代码

紫色CSS3会员登录表单特效

jQuery售后五星评价表单代码

Bootstrap登录注册表单代码

jQuery仿百度搜索框下拉代码

jQuery表单美化实例代码

jQuery登录表单捂眼睛代码

jQuery联系人生成二维码代码

vue.js登录表单tab切换代码

verJs.js表单验证插件

jQuery下拉单选多选城市选择代码

HTML5棱形动态背景登录框代码

jQuery加盟留言板表单代码

CSS3表单输入文字提示上浮代码

import os
def void_file(dirPath):
    dirs = os.listdir(dirPath)  # 查找该层文件夹下所有的文件及文件夹,返回列表
    for file in dirs:
        file_full_name = dirPath + '/' + file
        file_ext = os.path.splitext(file_full_name)[-1]
        if file_ext is None  or file_ext=="":
            continue
        if "rar" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "zipt" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "gz" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "tgz" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
# 查找指定文件夹下所有相同名称的文件
def search_file(dirPath, fileName):
    dirs = os.listdir(dirPath)  # 查找该层文件夹下所有的文件及文件夹,返回列表
    for currentFile in dirs:  # 遍历列表
        absPath = dirPath + '/' + currentFile
        if os.path.isdir(absPath):  # 如果是目录则递归,继续查找该目录下的文件
            search_file(absPath, fileName)
        elif currentFile == fileName:
            print(absPath)  # 文件存在,则打印该文件的绝对路径
            os.remove(absPath)

verJs表单验证提示插件

jQuery拖动自定义创建表单代码

JS登录注册表单滑块验证码代码

JS评论留言发布表单代码

jQuery手机账号管理表单代码

jQuery移动端金额充值表单代码

jQuery手机注册表单获取验证码代码

三款jQuery表单验证申请代码

jQuery注册登录支付订阅表单代码

jQuery分类下拉选择搜索框代码

HTML5 3D卷纸表单填写动画特效

jQuery企业开户表单验证代码

js修改绑定手机号码表单代码

jQuery点击弹出登录注册表单代码

JS表单验证会员信息填写代码

CSS3星球旋转手机表单代码

jQuery意向快捷留言表单代码

jQuery表单验证实例演示代码

jQuery手机端获取验证码页面特效

CSS3表单输入框动画特效

jQuery个人信息完善表单代码

js手机注册表单验证代码

HTML5载入登录表单代码

jQuery单选框复选框美化代码

vue.js创建事项清单表单代码

jQuery关联店面查询表单代码

支持弹出图片文字和表单模态框代码

 

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马?

惟有点赞加关注大军。

 

目录
相关文章
|
6天前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
在浏览器执行js脚本的两种方式
|
1天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
8 3
|
28天前
|
JavaScript 数据安全/隐私保护
2024了,你会使用原生js批量获取表单数据吗
2024了,你会使用原生js批量获取表单数据吗
45 4
|
1月前
|
JavaScript 前端开发 数据安全/隐私保护
前端技术分享:使用Vue.js构建响应式表单
【10月更文挑战第1天】前端技术分享:使用Vue.js构建响应式表单
|
2月前
|
移动开发 JavaScript 前端开发
js之操作表单 | 12-4
js之操作表单 | 12-4
|
2月前
|
移动开发 前端开发 JavaScript
JavaScript 表单
JavaScript 表单
27 9
|
2月前
|
JavaScript 前端开发
用JavaScript脚本将当地时间转换成其它时区
用JavaScript脚本将当地时间转换成其它时区
|
2月前
|
人工智能 前端开发 JavaScript
react js 处理表单( form )的2个例子
react js 处理表单( form )的2个例子
|
3月前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
45 0
|
3月前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
38 0