html5 input有新属性吗

青灯夜游

发布时间：2021-11-01 17:33:40

2850人浏览过

来源于php中文网

原创

html5 input有新增属性，分别为：autocomplete、autofocus、form、height、list、max、min、multiple、pattern、placeholder、required、step、width等等。

html5 input有新属性吗

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

标签规定了用户可以在其中输入数据的输入字段。

元素在

元素中使用，用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变，取决于 type 属性。

新秀B2C商城系统

新秀B2C商城系统是一款简洁易用PHP商城系统。可免费下载使用，可用于商业用途，没有时效限制，除版权标识外，所有代码都允许修改。后台功能简介：1、商城设置：基本信息，配送方式，配送范围，支付方式，财务管理；2、商品管理：商品列表，添加商品，商品分类，商品品牌，商品属性；3、订单管理：订单列表，缺货登记；4、用户互动：用户管理，留言管理，评论管理，网站公告，在线客服，用户协议；5、文章管理：文章列表

下载

立即学习“前端免费学习笔记（深入）”；

HTML5 input标签新增属性

属性	值	描述
autocomplete	on off	autocomplete 属性规定元素输入字段是否应该启用自动完成功能。
autofocus	autofocus	属性规定当页面加载时元素应该自动获得焦点。
form	form_id	form 属性规定元素所属的一个或多个表单。
formaction	URL	属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。
formmethod	get post	定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")
formnovalidate	formnovalidate	formnovalidate 属性覆盖元素的 novalidate 属性。
formtarget	_blank _self _parent _topframename	规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")
height	pixels	规定元素的高度。(只针对type="image")
list	datalist_id	属性引用元素，其中包含元素的预定义选项。
max	number date	属性规定元素的最大值。
min	number date	属性规定元素的最小值。
multiple	multiple	属性规定允许用户输入到元素的多个值。
pattern	regexp	pattern 属性规定用于验证元素的值的正则表达式。
placeholder	text	placeholder 属性规定可描述输入字段预期值的简短的提示信息。
required	required	属性规定必需在提交表单之前填写输入字段。
step	number	step 属性规定元素的合法数字间隔。
width	pixels	width 属性规定元素的宽度。 (只针对type="image")

推荐教程：《html视频教程》

HTML5怎么给视频加字幕_通过track标签添加SRT字幕的方法【教程】

html5源代码发行怎么压缩文件_压缩优化技巧提升加载速度【技巧】

html5怎样设置搜索框夜间模式样式_html5夜间模式与颜色切换【指南】

html5游戏怎么放_html5游戏上传至服务器或托管平台供玩家访问【部署】

dw怎么支持html5_DW新建HTML文件选HTML5文档类型支持语法高亮【支持】

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

相关标签:

html5 html5 正则表达式 html date input http

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：html怎么设置上边距下一篇：怎样禁止html页面滚动

作者最新文章

探讨如何在Vue3中编写单元测试

2023-04-25 19:41

深入了解Node中的Buffer

2023-04-25 19:49

一文理解JavaScript中的单例模式

2023-04-25 19:53

如何解决跨域？常见解决方案浅析

2023-04-25 19:57

实用Word技巧分享：简繁转换功能竟然可以这样用！

2023-04-26 17:27

实用Excel技巧分享：4种删除重复值的小妙招！

2023-04-26 17:31

一文聊聊Node中的内存控制

2023-04-26 17:37

一文讨论Vue2中key和Vue3中key的区别

2023-04-26 17:41

【整理分享】7个热门的React状态管理工具

2023-04-26 17:47

深入搞懂Redis中的哨兵

2023-04-26 17:59

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI大模型

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

html5动画制作有哪些制作方法

html5动画制作方法有使用CSS3动画、使用JavaScript动画库、使用HTML5 Canvas等。想了解更多html5动画制作方法相关内容，可以阅读本专题下面的文章。

498

2023.10.23

HTML与HTML5的区别

HTML与HTML5的区别：1、html5支持矢量图形，html本身不支持；2、html5中可临时存储数据，html不行；3、html5新增了许多控件；4、html本身不支持音频和视频，html5支持；5、html无法处理不准确的语法，html5能够处理等等。想了解更多HTML与HTML5的相关内容，可以阅读本专题下面的文章。

416

2024.03.06