分享95个JS表单脚本，总有一款适合您

最新推荐文章于 2026-06-01 15:06:32 发布

原创最新推荐文章于 2026-06-01 15:06:32 发布 · 378 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #jquery #开发语言

源代码同时被 2 个专栏收录

324 篇文章

订阅专栏

62 篇文章

订阅专栏

文章提供了95个JavaScript表单脚本的下载链接，包括各种类型如登录、注册、验证等，同时分享了Python采集代码。这些资源涵盖了jQuery、CSS3等多种技术，适用于网站表单功能的开发和美化。

分享95个JS表单脚本，总有一款适合您

95个JS表单脚本下载链接：https://pan.baidu.com/s/1AIQ6x-Bx5Ki6xjzbKq-NEw?pwd=bhq4
提取码：bhq4

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

jQuery标签插件flyLabel
jQuery弹出层登录页面表单
jQuery邮件地址验证插件
CSS3弹出Metro登录表单
jquery可切换主题的注册表单
Tooltip验证提示HTML5表单
jQuery微信开放平台注册表单
CSS3扁平化风格联系表单
CSS3个人资料填写表单
HTML5+CSS3仿Facebook登录表单
超酷CSS3发光搜索框表单提交
html5带步骤的问卷表单提交
html5单选框表单提交代码
jQuery空格键添加a标签
html5单选框表单提交代码
jQuery空格键添加a标签
css3实现超好看的搜索框和按钮

    base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 116 # 采集数量
    sprider_start_count=206


    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=[]

jQuery+CSS3节点接触形式注册表单
jQuery日期和时间插件DateTimePicker
jquery表单点击滑动下拉框美化
Form表单模拟美化插件
信用卡表单验证插件Creditly
jQuery表单省市区城市三级联动
jQuery购物车自动计算金额表单
js个人信息提交表单代码
jQuery人性化表单标签提示
js带遮罩弹出层登录注册表单
jquery实现多条件筛选特效
jquery人才网弹出选择地区
jQuery拖动设置时间段表单提交
jQuery表单步骤流程导航
jquery自定义select下拉样式
产品展示Smooth Products插件
Twitter Bootstrap表单验证
CSS3复选框和单选按钮美化
html5+css3现代感注册表单
jQuery超棒动态表单验证效果
jQuery半透明注册表单
jQuery表单选择填写功能
jQuery reveal弹出表单
jQuery右下角浮动意见反馈表
HTML5超酷表单展示效果
纯CSS3实现紫色登录表单
jQuery圆形修边注册表单
HTML5+CSS3超酷动态表单
jQuery视频侧边隐藏搜索框
Admin Panel后台界面框架
jQuery用户注册提示效果
jQuery信用卡验证插件
jQuery掩码文本输入框
css3实现结账Form表单
jQuery超酷动态弹出表单
Login Form登陆框
css3实现3D登录表单
css3自定义输入元素
jQuery启用禁用表单
jQ向上滑动提示表单
jQ AJAX文件上传表单

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)

jQ顶部下拉ajax验证表单
CSS3分步注册表单
HTML5+CSS3+jQ注册表单
Facebook登录表单
jQuery QQ登陆框效果
css3+html5彩色表单
jquery自动填充搜索框
css3实现3d搜索框
jquery文件上传表单
css3日历风格登陆框
html5客户端表单验证
jquery表单分类搜索
jquery快递单信息
jquery注册表单
jQuery发票使用引导
jquery蓝色下拉搜索框
jquery聚焦表单高亮
jquery动态禁用label标签
jquery衣服尺寸勾选表单


    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
       文字特效 https://sc.chinaz.com/tag_jiaoben/wenzitexiao.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 = "wenzitexiao"

        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圆形搜索框
digg风格jquery注册表单
jquery实现3D立体表单
jquery搜索条件滑动条
jquery带提示验证表单
jquery文本框显示描述文字
jquery用户输入表单验证
jquery选择组合框复杂库
jquery+html5注册插件
jquery自定义表单控件
纯css3实现iphone表单风格
jquery表单验证Ajax提交
jquery滑出式联系我们表单
html5+css3仿Twitter注册页
jquery表单注册验证框架
css3用户体验注册表单
jquery表单验证特效
基于CSS3的实现的表单特效