HTML5--表单标签input新增type值

最新推荐文章于 2021-08-10 16:34:35 发布
最新推荐文章于 2021-08-10 16:34:35 发布
阅读量1.7k 收藏 2
点赞数 1
分类专栏： 前端基础HTML5/CSS3 文章标签： html5 表单 input新增属性 表单标签 表单新增属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_37107022/article/details/72846515
版权
本文主要探讨HTML5中input标签新增的type值，包括email类型的邮箱验证、date类型的日期选择器以及search类型的搜索框。这些新特性提高了用户体验，并在提交表单时提供自动验证功能。
摘要由CSDN通过智能技术生成

文章内容大部分都引用于W3C，仅供笔者自己使用参考。

1.input标签新增type值以及浏览器支持情况

这里写图片描述

2.新增type值中常用的

2.1 Input 类型 - email

email 类型用于应该包含 e-mail 地址的输入域。

在提交表单时，会自动验证 email 域的值。

备注：默认email只做了@匹配，对于长度，com,cn, [ . ]等都没做处理

如下图所示
这里写图片描述

最低0.47元/天 解锁文章
Java仗剑走天涯
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单控件＜input＞
lmj488283379的博客
10-31 662
input输入表单元素 <input>单标签 用于收集用户信息 <input>元素 type属性 属性值 <input type="属性值"/> 属性值 1.text 可以向里面输入文本 姓名<input type="text"> 2.radio 单选<input type="radio"> 3.name 写表单元素的名称<input type="radio" name="名称...
详解HTML5表单新增属性
09-28
在HTML4中，整个表单的提交行为是一致的，而在HTML5中，每个`<input type="submit">`都可以有自己的`formaction`，如： ```html <input type="submit" formaction="1-1.jsp">提交到1页面</input> <input type=...
表单新增加的type属性
yibashou的博客
08-07 498
表单的输入类型 email： 输入email格式 tel： 手机号码  url： 只能输入url格式 number： 只能输入数字 search： 搜索框 range： 范围，可以进行拖动，通过value进行取值 color ：拾色器，通过value进行取值 time      ：时间 date： 日期 不是绝对的 datetime： 时间日期 month： 月份 week...
HTML5中新增的表单type属性
Cimiy_的博客
07-16 453
input新增type属性（94）
weixin_45147894的博客
07-06 154
属性值 值 描述 button 定义可点击的按钮（大多与 JavaScript 使用来启动脚本） checkbox 定义复选框。 color 定义拾色器。 date 定义日期字段（带有 calendar 控件） datetime 定义日期字段（带有 calendar 和 time 控件） datetime-local 定义日期字段（带有 calendar 和 time 控件） month 定义日期字段的月（带有 calendar
input 中新增加的type类型
止水Itachi
03-17 747
input 中新增加的type类型 type="email" 请输入邮箱地址 type="url" 请输入网址 type="range" 滑块 type="number" 请输入数字 type="search" 搜索表单 type="color" 生成颜色表单 作为了解 type=“time” 限制用户必须输入时间类型 ...
HTML5-input表单控件调用代码_html5_表单_input_代码_控件_
09-29
HTML5的`input`标签是构建交互式表单的关键，提供了更多的类型、属性和事件，让开发者可以创建更加丰富和功能强大的用户界面。 一、`input`标签基础 `input`标签在HTML中用于创建各种形式的用户输入控件。基本语法...
HTML5基础知识-HTML5表单.pptx
05-06
`<input>`标签是最常用的表单控件，可以根据`type`属性的值创建不同类型的输入字段。常见的类型包括： - **文本框（text）**：允许用户输入单行文本，例如`<input type="text">`。可以设置`name`属性为字段名称，`...
html5表单及新增的改良元素详解
09-27
在HTML5中，表单内的元素可以通过`form`属性与特定的表单关联，即使这些元素不在表单标签内部。例如，第8行的`<textarea>`通过`form="testform"`属性与`<form id="testform">`关联，使得这个文本框成为表单的一部分...
HTML5-.rar_html5
最新发布
09-20
表单控件在HTML5中也得到了升级，新增了如`<input type="date">`, `<input type="email">`, `<input type="range">`等类型，增强了用户体验和数据验证功能。同时，`form`标签引入了`required`属性，用于验证表单字段...
html 常见input加注释
weixin_45110991的博客
06-28 3215
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <hr/> 用户名: <input type="text" value="请输入你的名字" />&lt...
HTML5中label标签对input元素标注的使用方法
刘鹏博的博客
12-27 8545
HTML 标签：W3C标准 定义：         标签为 input 元素定义标注（标记）。         label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 用法：         标签的 for 属性应当与相关元
06HTML5输入类型
Blog of Lytracy
08-10 301
文章目录1、Input 类型 - email2、Input 类型 - url3、Input类型-number4、Input 类型 - range5、Input 类型 - Date Pickers（日期选择器）6、Input 类型 - color HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。 1、Input 类型 - email email 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。 <body> <form
HTML5表单之Input 类型-email
乱七八糟的
03-28 5331
email类型用于应该包含e-mail地址的输入域。 在提交表单时，会自动验证e-mail域的值。 eg： E-mail: xxxx E-mail: 提示：iphone中的Safari浏览器支持emaiil输入类型，并通过改变触摸屏键盘来配合它（添加@和.com选项）。
在HTML5中，为input元素新增了以下一些type属性值
lgl_19910331的博客
08-15 3523
  color：用于指定颜色的控件。 date：用于输入日期的控件（年，月，日，不包括时间）。 month：用于输入年月的控件，不带时区。 week：用于输入一个由星期-年组成的日期，日期不包括时区 time：用于输入不含时区的时间控件。 datetime：基于UTC时区的日期时间输入控件（时，分，秒及几分之一秒）。 datetime-local：用于输入日期时间控件，不包含时区。 ...
HTML5中新增的input类型及其属性
热门推荐
rishonyou的博客
02-22 2万+
HTML5中新增的input类型及其属性HTML4.01中，input的类型只有text、button、password、submit、radio、checkbox和hidden（隐藏域）。H5中新增了一些类型，使用起来更加方便，包括： color 点击时弹出颜色选择器，可以选择任意颜色 number 输入范围内的数字，可以手动输入超出范围的数字，但不能提交 tel 输入电话号码，只有
HTML5中input新增标签详解
weixin_34319999的博客
11-27 186
2019独角兽企业重金招聘Python工程师标准>>> ...
HTML5新特性：input元素的新增属性与表单处理
本章主要探讨HTML5中input元素的新增属性，以及HTML5表单和文件处理的新特性。在HTML5中，input元素增加了如autocomplete、autofocus和form等新属性，使得表单交互更加便捷和灵活。 在HTML5表单中，`autocomplete`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值