HTML5 新增的input 表单属性

最新推荐文章于 2022-12-20 15:19:24 发布
最新推荐文章于 2022-12-20 15:19:24 发布
阅读量228 收藏
点赞数
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MOUNTAIN_SEA1/article/details/126289012
版权

HTML5 新增的 input 类型

 

HTML5 新增的表单属性

required     required     表单拥有该属性表示其内容不能为空， 必填

placeholder     提示文本     表单的提示信息， 存在默认值将不显示

autofocus     autofocus     自动聚焦属性，页面加载完成自动聚焦到指定表单

一刷新页面光标自动定位到

autocomplete     off/on 

当用输在字段开始键入时， 浏览器基于之前键入过的值， 应该显示出在字段中填写的选项

默认已经打开， 如 autocomplete="on"  关闭 autocomplete="off"

需要放在表单内， 同时加上name属性， 同时成功提交

multiple     multiple     可以多选文件提交

 

Cassie燁
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5--新增input类型、表单属性和元素
weixin_44348052的博客
07-08 852
并不是所有浏览器都支持新增的input类型，但若是不被支持仍可以显示为常规的文本域。规定输入域的选项列表，当用户在自动完成域中开始输入时，将显示可填内容的选项列表。以下代码段中，当input被选中后会自动提供datalist中的可选列表。 在使用过程中，我们使用的list属性来绑定。首先，该元素已经从web标准中删除了。提供验证用户的可靠方法。...
HTML5 INPUT新增属性
12-02 5830
HTML5的input标签新增了很多属性，也是让大家非常兴奋的一件事，用简单的一个属性搞定以前复杂的JS验证。input新增的这些属性，使得html和js的分工更明确了，使用起来十分舒畅。 我们先看下input新增了的属性： 新增属性一：autoconmplete autoconmplete可以赋值为 on 或者 off。当为 on的时候，浏览器能自动存储用户输入的内容。当用户返回到曾经填写
html5中input标签增加的属性
dancheng1的博客
10-28 2153
1、新增的autocomplete属性 autocomplete属性有3中值：on、off和空值 默认状态下表单的autocomplete处于打开状态 效果：出现上次输入的提示   2、新增的autofocus属性 效果：使文本框获得焦点 注意：在同一个界面中只能有一个autofocus属性   3、新增的form属性 提交" />   4、新增表单重写
Input的属性以及HTML5新增的属性
memoryI的博客
07-17 2150
最近在使用input标签，顺便总结一下属性，方便之后查看 1.value属性： 设置输入字段的初始值 <input type="text" name="place" value="shanghai"> 2.readonly 设置输入字段为只读（即不能修改） <input type="text" name="place" value="shanghai" read...
HTML5新增input类型和属性介绍
sea_510的博客
05-29 794
1.html5新增input类型 电子邮件类型 功能描述：输入E-mail地址的文本框 语法：<input type="email"/> 注意：输入的内容中必须包含"@"，"@"后面必须具有内容 搜索类型 功能描述：输入搜索关键字的文本框 语法：<input type="search"/> URL类型 功能描述：输入WEB站点的文本框 语法：<input type="url"/> 注意：输入的内容中必须包含"http://"，后面必须有内..
详解HTML5表单新增属性
01-19
1. 表单内元素的form属性 在H5中可以把form放到页面的任何地方，然后为该元素指定一个form属性，属性值为该表单的id,这样就可以声明该元素从属于指定表单了 <form id=testform> <input type=text> &lt...
HTML5新增的表单元素和属性实例解析
01-21
本文以实例代码演示说明了HTML5新增的表单元素和属性，演示代码中包含了placeholder属性、autofocus 属性、list 和 datalist 元素、search 类型文本框、email 类型文本框、number 类型文本框、range 类型文本框、tel...
HTML5表单中新增的input属性3.pdf
07-11
HTML5表单中新增的input属性3.pdf 学习资料 复习资料 教学资源
HTML5表单中新增的input属性2.pdf
07-11
HTML5表单中新增的input属性2.pdf 学习资料 复习资料 教学资源
HTML5表单中新增的input属性1.pdf
07-11
HTML5表单中新增的input属性1.pdf 学习资料 复习资料 教学资源
HTML5 新增input属性
weixin_64195420的博客
04-01 265
取色器 搜索引擎 number // max number 规定允许的最大值 min number 允许的最小值 step number 规定合发的数字间隔 value number 规定的默认值 滑动条 //max number 规定允许的最大值 min number 允许的最小值 step number 规定合发的数字间隔（步长） value number 规定的默认值 date // 选择日 、 月 、 年 mon...
HTML5新增input标签属性
qq_44899153的博客
06-21 840
1.新增的type属性值 类型**** 使用示例**** 含义**** email**** <input type="email"> 输入邮箱格式 tel**** <input type="tel"> 输入手机号码格式 url**** <input type="url"> 输入url格式 numb...
HTML5 新增加input属性
沉淀，积累、进步
12-20 509
参考别的网页，网页来源最下方，整理笔记如下 autocomplete：规定表单或输入字段是否应该自动完成。 autofocus：属性是布尔属性。如果设置，则规定当页面加载时 元素应该自动获得焦点。 form：规定 元素所属的一个或多个表单。如需引用一个以上的表单，请使用空格分隔的表单 id 列表。 formaction：规定当提交表单...
html5中input标签新增的属性
李青不吃螺蛳粉的博客
03-26 548
input 标签的 type 属性新增的值 HTML 5 新增的 type 属性的值： email、url、number、search、tel、range、color、date、month、week、time、datetime-local ① 文本输入类 <!-- 邮箱输入框 --> <input type="email" placeholder="请输入邮箱"> <br> <br> <!-- URL 输入框 --> <input type
（学习笔记 Day2）html5新增input表单、表单属性
BiuBiuBlu的博客
12-01 466
使用方法：<input type="email"> 2.新增的表单属性 （1）required： 属性值为required 作用是表单内容不能为空 （2）placeholder： 属性值为提示内容 作用是显示表单的默认信息 （3）autofocus ： 属性值为autofocus 作用是自动聚焦到指定表单 （4）autocomplete :属性值为on/off 作用是当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项默认已经打开，如autocompl...
html5 新增input类型与属性
bantuo5921的博客
11-28 174
html5新增了很多标签，其中有部分就是表单这一块，功能颇为强大，本文主要介绍input新增类型与属性。 新增类型： url:提交表单时检测input的value是否是一个url格式 email:一个电子邮件地址或电子邮件地址列表 date:年-月-日格式的控件 time:时:分格式的控件 datetime:年-月-日 时:分:秒:秒的小数格式的控件，有时区 datet...
HTML5新增的input表单及input表单属性
WangZhang_521的博客
01-05 154
01-HTML5新增input表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
HTML input新增属性
林彬的专栏
05-18 1115
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5新增占位符焦点多选属性</title> </head> <body> <!--自动获得焦点--> 搜索：<input t...
html5表单新增属性 form属性
最新发布
05-27
HTML5表单新增了form属性，可以将表单与其它表单元素进行关联。通过设置form属性，可以将一个表单绑定到另一个表单元素上，如下面的例子所示： ```html <input type="text" name="username"> <input type=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值