使用mailto在网页中链接Email地址

最新推荐文章于 2021-06-18 10:12:26 发布
最新推荐文章于 2021-06-18 10:12:26 发布
阅读量1.2k 收藏
点赞数
原文链接：http://www.cnblogs.com/Rinpe/p/5539446.html
版权

<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解，请看详细图示：

注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

下面是一个完整的实例:

在浏览器中显示的结果：

发送

点击链接会打开电子邮件应用，并自动填写收件人等设置好的信息，如下图：

示例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>mailto</title>
</head>
<body>
<p>1922年的春天，一个想要成名名叫卡拉威（马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p>
    <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
<a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感。&body=你好，对此评论有些想法。">对此影评有何感想，发送邮件给我</a>
</body>
</html>

 

转载于:https://www.cnblogs.com/Rinpe/p/5539446.html

bailang3277
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
电子邮件链接格式html主题,HTML的电子邮件链接标签mailto用法详解
weixin_35664484的博客
05-30 5338
mailto是网页设计制作中的一个非常实用的html标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子邮件客户端软件，例如OutLookExpress以及Foxmail等。当然有关mailto标签的使用，并不仅仅就象上面所说的那样简单，它还有其他方面的应用。1、如果我们在...
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
11-23
就像在地址栏输入一个网址会打开一个网页一样，输入mailto:name@email.com，就会打开本地邮件客户端，并将邮件发送给name@email.com。 在HTML中使用mailto  1.使用方式： 一种方式是将mailto链接写在a标签的href...
7.使用mailto在网页中链接Email地址
weixin_33720452的博客
02-05 268
<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解，请看详细图示： 注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。 下面是一个完整的实例: 在浏览器中显示的结果： 发送 点击链接会打开电子邮...
JavaScript基础2-html列表标签<dl><dt><dd><ul><ol><li>图像标签，表格标签，超链接http协议，mailto邮件协议，锚点的使用
boss_way的博客
05-07 795
分享js学习视频，百度网盘：js毕向东 链接：https://pan.baidu.com/s/1J2v_7ZEmRSCcIRm0mQfjrA 提取码：1oz3 列表标签： html 注释 <!-- 注释掉的内容 --> html图片标签：src为图片 路径，alt 属性为 鼠标悬浮图片时 展示的文字提示；width 设置图片宽度 height 设置图...
在html网页上在线连接邮箱,mailto: HTML e-mail 链接
weixin_33555586的博客
06-02 1万+
前言今天看到老外写的一篇关于mailto: HTML e-mail 的文章，感觉很新奇，以前从来没有这么用过，用email的时候，最多用过mailto，但是其中穿链接参数，还是第一次看到，今天在这里翻译一下，以便后期用到！(注：翻译只是大体翻译，不是原原本本的翻译。)究竟什么是mailto: HTML e-mail 链接？如何创建？简单的案例和代码如下：什么是mailto链接？mailto链接是一...
一键提取页面信箱，在线批量获取网页中邮件地址
11-11
总之，"一键提取页面信箱"的工具利用了ASP和正则表达式的技术，能够高效地从网页中批量获取邮箱地址，但在使用过程中需谨慎行事，尊重用户隐私。如果你是开发者，理解这些基础知识将有助于你创建自己的邮箱提取工具...
中式餐厅EDM网页模板
01-21
4. **下载字体.url**：如果模板中使用了特殊字体，这个链接可能指向字体下载位置，用户需要安装这些字体才能在本地正确显示模板内容。 5. **psd**：Photoshop Document文件，通常用于存储图像设计，包括模板的原始...
提取文件中的超级链接.rar
03-19
在IT领域，提取文件中的超级链接是一项常见的任务，特别是在数据挖掘、网络爬虫以及信息处理等场景中。本文将深入探讨如何从不同类型的文件中提取超链接，以及可能涉及的相关技术。 首先，让我们理解什么是超链接。...
ASP为字符串中的网址自动加上链接
10-30
在网页开发与维护过程中，经常需要对文本中的电子邮件地址及网址进行自动识别，并转换成相应的超链接格式。这不仅提升了用户体验，还能增加页面的功能性。本文将详细介绍如何利用ASP（Active Server Pages）与正则...
input元素的url类型和email类型简介
09-28
在实际应用中，`url`类型对于创建链接分享、网站导航等场景非常有用，因为它提供了一种安全且方便的方式来收集和验证用户提供的网络地址。 2. Email类型： `type="email"` 用于创建输入框，接收电子邮件地址。与...
Dreamweaver8视频教程-051.链接的修改与Email链接.rar
07-09
本套教程由薛欣老师精心录制，中国教程网视频教程制作组合成美化并制作成网络优化版本，授权网易学院发布。 教程特点：   1.名师主讲，内容丰富。   2.文件体积小，网络传输速度快，易于观看。...
网页设计DW 超链接、锚点链接、邮件链接.docx
11-04
这里的`href`属性定义了要跳转的URL，`target="_blank"`表示在新窗口或标签页中打开链接，`alt`属性提供了替代文本，当图片无法显示或者屏幕阅读器使用时，这个文本将被显示或读出，`title`属性则用于提供额外的信息...
email 点击进入发送邮箱链接验证
06-12
在IT行业中，邮箱验证是一种常见的身份验证方法，...综上所述，“email点击进入发送邮箱链接验证”是一个涉及Java后端开发、前端交互和邮件服务的重要流程，它在确保用户身份安全和系统稳定运行方面扮演着关键角色。
HTML利用超链接打开链接文件的方法介绍
09-28
HTML中的超链接可以实现多种应用，例如打开链接文件、在新窗口中打开链接文件、显示超链接的文字注释、跳转到文件的指定部位、链接到email地址等。通过了解这些属性和应用，可以更好地利用HTML中的超链接来丰富网页...
标签<a>中使用mailto在网页中链接Email地址
tom_yanliu的博客
04-28 8792
本博客为本菜鸟的学习笔记，内容仅供参考。
CSS 使用 a 标签的 mailto 属性在网页中链接 Email 地址(琐碎知识点整理)
热门推荐
黑木令之佛性
06-18 2万+
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作中开发问题总结 相关的内容; 不积跬步，无以至千里, 戒焦戒躁 。 好了废话不多说, 直接上代码以及图例(为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。 1. 标签 还有一个作用是可以链接 Email 地址, 使用 mailto 能让访问者便捷向网站管理者发送电子邮件 。 2. 如果 mail
mailto在网页中链接Email地址
whpu1234的博客
07-31 3797
注意： 如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&amp;”分隔。              下面是一个完整的实例: demo: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;mailto&lt;
html关于mailto用法详解
ai_xue_xi的专栏
03-11 6779
mailto是网页设计制作中的一个非常实用的html标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子邮件客户端软件，例如OutLook Express以及Foxmail等。当然有关mailto标签的使用，并不仅仅就象上面所说的那样简单，它还有其他方面的应用。
用springboot在网页中完成增删查改
最新发布
05-29
好的，我可以为您提供一个简单的示例来演示如何使用Spring Boot在网页中完成增删查改操作。 首先，您需要创建一个Spring Boot项目，可以使用Spring Initializr来创建。在创建项目时，您需要选择Web和Thymeleaf依赖项。 接下来，您需要创建一个实体类来表示您要保存的对象，并使用JPA注解将其映射到数据库中。例如，以下是一个表示用户的实体类： ``` @Entity public class User { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String name; private String email; // getters and setters } ``` 然后，您需要创建一个Spring MVC控制器来处理Web请求，并使用Thymeleaf模板来渲染HTML页面。以下是一个示例控制器： ``` @Controller public class UserController { @Autowired private UserRepository userRepository; @GetMapping("/") public String index(Model model) { List<User> users = userRepository.findAll(); model.addAttribute("users", users); return "index"; } @GetMapping("/add") public String addForm(Model model) { model.addAttribute("user", new User()); return "add"; } @PostMapping("/add") public String addSubmit(@ModelAttribute User user) { userRepository.save(user); return "redirect:/"; } @GetMapping("/edit/{id}") public String editForm(@PathVariable Long id, Model model) { User user = userRepository.findById(id) .orElseThrow(() -> new IllegalArgumentException("Invalid user id:" + id)); model.addAttribute("user", user); return "edit"; } @PostMapping("/edit/{id}") public String editSubmit(@PathVariable Long id, @ModelAttribute User user) { userRepository.save(user); return "redirect:/"; } @GetMapping("/delete/{id}") public String delete(@PathVariable Long id) { userRepository.deleteById(id); return "redirect:/"; } } ``` 在这个控制器中，我们定义了五个方法来处理不同的Web请求： - index方法用于显示用户列表页面。 - addForm方法用于显示添加用户页面。 - addSubmit方法用于处理添加用户请求。 - editForm方法用于显示编辑用户页面。 - editSubmit方法用于处理编辑用户请求。 - delete方法用于处理删除用户请求。 接下来，您需要创建Thymeleaf模板来渲染HTML页面。以下是一个示例模板： ``` <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>User Management</title> </head> <body> <h1>User Management</h1> <table> <tr> <th>ID</th> <th>Name</th> <th>Email</th> <th>Action</th> </tr> <tr th:each="user : ${users}"> <td th:text="${user.id}"></td> <td th:text="${user.name}"></td> <td th:text="${user.email}"></td> <td> <a th:href="@{/edit/{id}(id=${user.id})}">Edit</a> <a th:href="@{/delete/{id}(id=${user.id})}">Delete</a> </td> </tr> </table> <p><a th:href="@{/add}">Add User</a></p> </body> </html> ``` 在这个模板中，我们使用Thymeleaf语法来动态生成HTML页面，包括用户列表、添加用户表单、编辑用户表单和删除用户链接。 最后，您需要配置JPA和数据库连接信息。以下是一个示例application.properties文件： ``` spring.datasource.url=jdbc:mysql://localhost:3306/test spring.datasource.username=root spring.datasource.password=root spring.jpa.hibernate.ddl-auto=create spring.jpa.show-sql=true ``` 在这个文件中，我们使用MySQL数据库，并开启了JPA的自动建表功能。 完成上述步骤后，您就可以启动应用程序并访问http://localhost:8080/来查看用户列表页面，点击添加用户链接来添加新用户，并点击编辑和删除链接来编辑和删除用户。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值