SMValidator是一个易用、轻量且强大的表单验证工具。支持html和javascript两种配置方式,可以立即或手动触发验证,独立显示每条规则的信息,可自定义表单或信息容器的样式。目前minify文件还不到5KB,而且不依赖任何第三方库。
使用方法:
1. 给input指定验证规则
<!--使用data-rule属性指定验证规则--> <input type="text" data-rule="required">
2025年06月13日
SMValidator是一个易用、轻量且强大的表单验证工具。支持html和javascript两种配置方式,可以立即或手动触发验证,独立显示每条规则的信息,可自定义表单或信息容器的样式。目前minify文件还不到5KB,而且不依赖任何第三方库。
使用方法:
1. 给input指定验证规则
<!--使用data-rule属性指定验证规则--> <input type="text" data-rule="required">
2025年06月13日
在html中列表分为无序列表、有序列表和自定义列表(项目列表)。接下来就看看他们有什么不同吧!
作用:如果说table标签是用来显示数据的,那么列表标签
2025年06月13日
今天跟大家分享的是如何高效的定位iframe。我们来看一段最早的代码:
# coding: utf-8from selenium import webdriverfrom time import sleep
driver = webdriver.Firefox()
driver.get("http://blog.hexun.com/")
driver.find_element_by_id("read_btn").click()
driver.maximize_window()
sleep(3)driver.find_element_by_id("username").send_keys("账号")
driver.find_element_by_id("password").send_keys("密码")
driver.find_element_by_xpath(".//*[@id='login12']/div/div/div/div[3]/input").click()
sleep(3)
# 点击发送博客
driver.find_element_by_xpath(".//*[@id='login12']/div/div/div[3]/a[1]").click()
sleep(3)
curr = driver.current_window_handle
all_curr = driver.window_handles
for i in all_curr: if i != curr:
driver.switch_to.window(i)
sleep(2)
driver.find_element_by_id("hxjy_blog_tit").send_keys(u"我的文章") driver.switch_to.frame(driver.find_element_by_xpath(".//*[@id='editorContainer']/iframe"))
sleep(2) driver.find_element_by_xpath("html/body").click()
driver.find_element_by_xpath("html/body").send_keys(u"童林")
driver.switch_to.default_content()
# 页面下拉
js = "var q=document.documentElement.scrollTop=1000"
driver.execute_script(js)
driver.find_element_by_xpath(".//*[@id='hxjy_blog_label']").send_keys(u"测试")
driver.find_element_by_xpath(".//*[@id='postarticle']").click()
2025年06月13日
2022年4月7日,为了方便射频从业者们技术交流,我们建立了“射频技术问答群”。两周以来,大家讨论踊跃,相互问答,积累出不少精彩的技术答案。
为了方便大家查看和回顾,我们将这两周的问答做一个总结,请射频从业者们查阅。
同时欢迎对本期的精彩回答投票,我们也将对最精彩的回答送上小小的礼物。以表示对作者无私技术奉献的感谢。
2025年06月13日
一、DIV高度自适应(父div高度随子div的高度改变而改变)
1、如果父div不定义height、子div均为标准流的时候,父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变。
代码:
<styletypestyletype="text/css">
#aa{border:#000000solid5px}
2025年06月13日
在写页面的时候,经常会遇到元素垂直居中的需求。有时候一连试了几种方法,并没有效果,那是因为你没有用对方法,每种垂直居中,都有不同的使用条件。下面我们来详细了解一下吧。
这里收集了八种不同的方法。
适用场景:单行文字垂直居中。
2025年06月13日
现在最流行的网站都在使用DIV+CSS的编码去编写,这种编码方便,而且兼容各种浏览器,并且在修改网站的时候也更加便捷。在今天的内容中,小编将介绍下DIV标签使用的一些规则。
DIV是一个块级元素,它后面经常跟随着class或者id这样的元素。主要的差异是class用于元素组,而id用于标识唯一的元素。常规的网站架构通常为:
1.定义一个头部通用。为规范化,通常命名为header。
2.定义主题框架,为规范化,通常命名为content或者wrapper。
2025年06月13日
在前端开发中,经常会遇到需要让某个div元素填充屏幕剩余高度的需求,比如创建具有固定头部和底部,中间内容区域自适应填充剩余空间的布局。随着CSS技术的发展,有多种方法可以实现这一需求。
2025年06月13日
/*
* 拖动图片封装
html格式:<img lay-src="${item.Resourcesurl}" alt="${item.ResourcesName}" style="position: absolute;" onmousemove="drag(this)" >