HTML5中input标签有用的新属性

最新推荐文章于 2023-07-04 10:28:39 发布
转载 最新推荐文章于 2023-07-04 10:28:39 发布 · 138 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/huangxiaowen/p/7070434.html

本文介绍了HTML5中input元素的一些新特性，包括placeholder、autofocus等属性的应用，以及新增的输入类型如search、email等，这些改进有助于提升用户体验并简化网页表单的设计。

HTML5对input增加了一些新标签，个人觉得比较常用有效的以下几个

placeholder=“请输入” 常见用于默认提示

autofocus 自动聚焦到当前输入框

maxlength="18" minlength="3" 控制最少最多输入个数

autocomplete="off" 关闭浏览器自动记住历史输入内容，默认on

新增的type类型

type="search" 有些手机样式表现会有不同，比如圆角，有X按钮

type="email" / "number" 苹果给出的键盘类型不一样

type="tel" 苹果只给出数字的键盘

更多的类型range datatime,Time,Date，Week,Mouth

 

转载于:https://www.cnblogs.com/huangxiaowen/p/7070434.html

input标签属性详解大全
_吉尔伽美什
05-09 7万+
我们先来了解一下input标签的几个基本控制属性。 name属性：元素的名称，也就是name的值代表当前input元素的名字； value属性：元素的默认值 1）当input type=“text”、“password”、"hidden"时，定义输入字段的初始值； 2）当input type=“button”、“reset”、"submit"时，定义按钮上的显示的文本； 3）当input typ...
html表单input六种属性以及演示
最新发布
2301_77264434的博客
09-16 846
【代码】html表单input六种属性以及演示。
动态新增的input 值_HTML5新增的6个属性，你全都掌握了吗
weixin_39614561的博客
11-23 195
上一篇文章我们说了HTML5新增的input，这篇文章我们就来说一下HTML5新增了哪些属性呢？HTML5新增的表单属性，不仅能通过HTML5本身属性来验证，而且表单项能脱离form的约束，形成良好的布局。下面我们来学习HTML5为表单新增的属性。1.placeholder < input type="text" placeholder="请输入用户名"/>作用就是用来默认提示的，代码...
HTML5 添加新的标签 input属性
weixin_30622181的博客
06-12 146
<!-- 新增 有语意标签 --> <nav></nav> <!-- 导航标签 --> <seclion></seclion> <!--区域标签--> <footer></footer> <!--底部标签--> <aside>&l...
哪些是HTML5新增的通用属性,HTML5新增了哪些input类型及其属性？
weixin_39851261的博客
06-03 273
HTML5新增了哪些input类型及其属性？1、url类型、email、tel类型说明：当输入非url、email的字符串时，浏览器会自动提醒。2、number类型。说明：只能输入数字，min表示数字的最小值，max为最大值，step为点击加减按钮时每次增减的数值。3、range类型(推荐学习：HTML教程)说明：其他属性同number类型一致，step表现为每滑动一步的数值。4、search类型...
html5新增input类型总结（教辅）.pdf
08-05
html5新增input类型总结（教辅）.pdf
HTML5&CSS3网页制作：Input元素的其他属性.pptx
05-31
在HTML5中，Input元素扮演着至关重要的角色，它用于创建各种类型的表单控件，如文本输入框、密码框、按钮等。本篇主要讲解Input元素的一些重要属性及其用途。 1. autofocus属性： autofocus属性允许页面加载后自动...
JavaScript获取并更改input标签name属性的方法
12-09
这种方法在需要批量操作或动态改变`input`标签`name`属性的场景中非常有用，比如在表单验证、数据处理或动态界面构建时。 总结来说，JavaScript提供了一系列的方法来操作HTML元素的属性，包括`input`标签的`name`...
获取input标签的所有属性的方法
09-02
// 选择器选取input标签，并获取value属性 var value = $("input[name='btnAdd']").attr("value"); ``` 在这里，`$("input[name='btnAdd']")`选择了name属性为'btnAdd'的`<input>`标签，然后`attr("value")`...
整理HTML5中表单的常用属性及新属性
09-28
在HTML5中，表单标签和输入标签都添加了一些新的属性，以便能够提供更丰富的用户交互体验。本文将详细解释这些新属性，并结合实例说明其用法。 首先，我们来看`autocomplete`属性。它用于指定表单元素是否应该开启...
html中input属性设置（合集）
2301_78256053的博客
07-04 8757
2. 精通各种web前端技术和标准，包括但不限于Javascript/ES6、HTML/HTML5、CSS/CSS3、Sass/less、Vue/React/Node，对表现与数据分离、web协议、web安全、web性能、web语义化等有深刻理解;③找到刚才保存的“Html”单击打开，再单击“导入”，在弹出的“导入数据”窗口中你可以选择“现有工作表”、“新建工作表”都行，然后单击确定即可。我们想到了一个比较简单的解决方法，虽然不是非常的完美，如果您的要求不是非常高，已经可以满足你的需要了。
html5中input标签增加的属性
dancheng1的博客
10-28 2245
1、新增的autocomplete属性 autocomplete属性有3中值：on、off和空值 默认状态下表单的autocomplete处于打开状态 效果：出现上次输入的提示   2、新增的autofocus属性 效果：使文本框获得焦点 注意：在同一个界面中只能有一个autofocus属性   3、新增的form属性 提交" />   4、新增表单重写
Json与Xml对比
Radom&7
09-07 455
XML的优缺点优点： （1）格式统一，符合标准； （2）容易与其他系统进行远程交互，数据传输比较方便。缺点： （1）XML文件庞大，文件格式复杂，传输占带宽； （2）服务器端和客户端都需要花费大量代码来解析XML，导致服务器端和客户端代码变得异常复杂且不易维护； （3）客户端不同浏览器之间解析XML的方式不一致，需要重复编写很多代码； （4）服务器端和客户端解析XML花费较多的资源和时间
HTML5 中input的新属性
javababy1
11-10 355
new : HTML5 中的新属性。 属性 值 描述 accept list_of_mime_types 规定可通过文件上传控件提交的文件类型。 （仅适用于 type="file"） alt text 规定图像输入控件的替代文本。 （仅适用于 type="image"） autocomplete on off 规定其否使用输入字...
HTML5中新增的input类型及其属性
热门推荐
rishonyou的博客
02-22 2万+
HTML5中新增的input类型及其属性HTML4.01中，input的类型只有text、button、password、submit、radio、checkbox和hidden（隐藏域）。H5中新增了一些类型，使用起来更加方便，包括： color 点击时弹出颜色选择器，可以选择任意颜色 number 输入范围内的数字，可以手动输入超出范围的数字，但不能提交 tel 输入电话号码，只有
HTML5之input标签的新type属性
阅读之后，对你有帮助，那就点个赞再走吧
04-15 3158
新type属性介绍 首先让我们来看一张表 HTML5中的type.png 其中标有`红色5`的代表`HTML5`中推出的 测试代码: <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>...
html input标签的属性有哪些？input标签的用法总结（附实例）
web前端入门基础进阶教程-htmlcssjs
06-22 1万+
首先先来说说html input标签的属性： 1.type：该属性是input标签里唯一的必须输入的属性，当然，也可以不填，默认为type = “text”。具体它有那些值，我们后面再讨论。 2.required：标记一个字段是否为必须。如果一个字段被标记为required = “required”（严格模式下），或者required（宽松模式下）(ps：下面属性的写法同理，就不一一写出了)，并且这个字段的值为空，或者填入的值是无效值，那么这个表单不能提交。什么是无效值？看pattern属性。 3.patt
关于html5<input>标签新属性的应用
坏坏熊的专栏
03-28 996
大家知道在做登录或注册页面的时候  必不可少的用到了input 这个标签一般都是 写邮箱的时候 写数字的时候 不可避免的就是你在做提交的个上 你还是要去做一个js判断是否为空，现在html5已经在基础上补充了这写属性 邮箱的话提交的时候浏览器会判断你写入的格式是不是email格式的是否有@和.com 还有number格式能上下拉选数字 最强大的还是加入的日期格式 //
html5新增属性----表单元素新属性、input新属性、地理定位
PILIpilipala的博客
08-23 1105
HTML5 表单元素 < datalist > 定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。 < keygen > 规定用于表单的密钥对生成器字段。 < output > 定义不同类型的输出，比如脚本的输出。 <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <op
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值