multiple属性的使用

最新推荐文章于 2023-04-19 21:22:49 发布

已转行@

最新推荐文章于 2023-04-19 21:22:49 发布

阅读量3.1k

点赞数 4

分类专栏：从零学习HTML5 文章标签： html5

原文链接：https://www.ptpress.com.cn

版权

从零学习HTML5 专栏收录该内容

57 篇文章 12 订阅

订阅专栏

这篇博客通过一个实例展示了HTML中<input type='email'>和<input type='file'>标签的multiple属性如何使用，允许用户在同一字段输入多个E-mail地址或选择多个文件。代码示例中，email输入框和文件上传框都启用了multiple属性，允许用户以逗号分隔输入多个邮件地址或一次性选择多个文件。

摘要由CSDN通过智能技术生成

下面通过案例来演示multiple属性的使用。

效果图：

7-11

如果想要向文本框中输入多个E-mail地址，可以将多个地址之间通过逗号分隔。如下图：

7-11-2

代码如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>multiple属性的使用</title>
</head>
<body>
	<form action="#" method="get">
		电子邮箱：
		<input type="email" name="myemail" multiple="multiple" />&nbsp;&nbsp;
		(如果电子邮箱有多个，请使用逗号分割)<br/><br/>
		上传照片：
		<input type="file" name="selfile" multiple="multiple" /><br/><br/>
		<input type="submit" value="提交" />
	</form>
</body>
</html>