【HTML5】->表单元素第三节->信息获取

本文详细介绍了HTML5表单中用于信息获取的属性,包括电子邮件、电话、网址验证,时间选择,颜色选取,搜索框,隐藏数据项,图像按钮以及文件上传。这些元素和属性能帮助开发者构建更规范、交互性更强的表单,提高用户体验。
摘要由CSDN通过智能技术生成

Ⅰ 前言

在前两节中,我已经说完了表单的大部分元素,这篇文章就是表单的最后一篇。在这篇文章里,我会讲解几个表单获取信息的属性,它们都是input的属性,比如用input获取邮件,input获取电话,input获取颜色,input上传图片等等。

Ⅱ 获取有规定格式的字符串

首先强调一点,因为这只是一个文本框,所以需要和JavaSE或者PHP配合使用,将输入的结果提交到数据库,这才是有用的。否则,它的限制功能是没有实际限制功能的。

A. 有效电子邮件

type = "email"可以限制输入的字符串只能是邮件。

<form>
	<input type="email">
</form>

效果如下👇
在这里插入图片描述
有的网页会提示你必须输入有效电子邮件地址,就像上面这样。

B. 有效电话

<type="tel">可以输入电话。
但是现在电话号码各式各样,它其实是没办法真正识别哪个是正确的号码的,所以其实作用不大。
在这里插入图片描述

<input type="tel">

C. 有效网址

type="tel"可以输入网址,

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值