匹配html input img标签中的value name位置不固定

简介:

 


需要匹配文本如下:
要求alt标签不为hello,不能与src中后面的图片名相同,不能为汉字
<img src="en/images/main_page/cover.jpg" alt="hello" />  
<img src="en/images/main_page/cover.jpg" alt="cover" />  
<img src="en/images/main_page/cover.jpg" alt="我是汉字" /> 
<img src="en/images/main_page/cover.jpg" alt=" yingwen " /> 
<img alt=" yingwen " src="en/images/main_page/cover.jpg"  /> 
<img src="images/en_adu_1_6_1_submenu_07out.gif" alt=" Material2 " name="Material2" width="130"  height="18" border="0" id="Materia12" ('Material2','','images/en_adu_1_6_1_submenu_07in.gif',1)" />
<img src="images/spacer.gif" width="1" height="55" alt="hello" />
<img title="動畫所見是牙冠的縱切面。蛀壞部分從琺瑯質開始,一直蔓延至象牙質,形成明顯的蛀牙洞"  alt="動畫所見是牙冠的縱切面。蛀壞部分從琺瑯質開始,一直蔓延至象牙質,形成明顯的蛀牙洞"  src="02_inside/teens_OD_3DAni_07a.gif">
 
有三种方法:
前两种用法为常用的,后一种不经常使用,但是非常简洁
<img[^>]+(?<=alt=")(?!hello|\2)([a-zA-Z]+)[^>]*src=["']?([^"']+\/(\w+).(?:jpg|gif|png))"|<img[^>]+(?<=src=["']?)([^"']+\/(\w+).(?:jpg|gif|png))"[^>]*alt="(?!hello|\5)[a-zA-Z]+[^>]*>
 
 
<img\b(?=[^>]*src="(?:[^"]*/)?([^"\.]*)\.[^"]*")(?=[^>]*alt="(?!hello")(?!\1)[^"]+")[^>]*/>
 
(?=.*?/([a-zA-Z0-9_]+)\.(?:jpg|gif|png))<img[^>]+?alt="(?!\1|hello")[a-zA-Z0-9._]+"[^>]*>
 
下面为常用去除input 标签中的value,name值,位置不固定,是上面方法的扩展
<input\b(?=[^>]*value=\s*["']?([^"]*))(?=[^>]*name=\s*["']?([^"]*))[^>]*>
 
(?=.*?value=\s*["']?([^"]*))<input[^>]+name=["']?([^"]+)"[^>]*>









本文转自 mcshell 51CTO博客,原文链接:http://blog.51cto.com/mcshell/1068461,如需转载请自行联系原作者

目录
相关文章
|
1月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
50 5
|
3月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
52 0
|
7天前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
7天前
|
存储 移动开发 前端开发
|
1月前
|
移动开发 前端开发 JavaScript
HTML5 新的 Input可以有哪些好玩的应用
HTML5的新输入类型为应用带来了多种创新和互动功能,显著提升了用户体验和界面趣味性。例如,颜色选择器可动态改变网站主题色;滑块控制适用于音量或亮度调节;日期和时间输入便于预约系统的设计;互动式表单结合多种输入类型实现高效的数据收集;猜数字游戏增加用户参与度;实时搜索建议优化网站搜索功能;图像预览功能让用户上传图片前预览效果;密码可见性切换按钮提升表单的可用性;结合用户位置的电话号码输入则能提供附近服务信息。这些应用场景不仅使网站更具吸引力,还增强了用户的互动体验。
|
1月前
|
移动开发 数据安全/隐私保护 UED
HTML5 新的 Input 类型详解
HTML5引入了多种新输入类型,显著提升了表单的用户体验和可用性。这些类型包括普通文本、搜索、电子邮件、网址、电话号码、密码、数字、范围选择、日期、时间、颜色选择等,每个类型都有特定用途和优化功能。例如,`email` 类型可自动验证邮件格式,`number` 类型提供增减按钮,而 `date` 类型则内置日期选择器。这些新类型不仅简化了用户操作,还增强了开发者对表单验证和数据交互的控制能力。
|
1月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
38 2
|
1月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
32 1
|
2月前
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
104 1
|
2月前
|
移动开发 开发者 UED
HTML5中video标签controlslist属性的使用方法
`controlsList`属性为开发者提供了更多控制HTML5视频播放器行为的能力,让视频内容的集成更加灵活和符合需求。通过精心设计的控制列表,可以提升用户体验,同时保持内容的安全性和专业性。这种细节的控制和定制能力是现代Web开发的一个重要方面,反映了HTML5对开发者和内容创作者需求的响应。
196 1