网站首页 > 教程文章 正文
新增type类型:
Type=“email” 限制用户必须输入email类型Type=“url” 限制用户必须输入url类型,“http://”Type=“range” 产生一个滑动条表单Type=“number” 产生一个数字意义表单Type=“search” 产生一个搜索意义的表单Type=“color” 生成一个颜色选择的表单Type=“time” 限制用户必须输入时间类型Type=“month” 限制用户必须输入月类型Type=“week” 限制用户必须输入周类型Type=“datetime-local” 选取本地时间Type=”date” 限制用户必须输入日类型
表单输出框:
<output></output>
<form action="" oninput="x.value=parseInt(a.value)+parseInt(b.value)">
<input id="a" type="range" min="0" max="100">100+
<input id="b" type="text" value="50">=
<output name="x" for="a b"></output>
</form>
datalist 下拉菜单框: 必须和list属性结合使用。做提示信息。
<input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="W3School" value="http://www.W3School.com.cn" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
新增表单属性:
required 监测是否为空。min 最小max 最大step 步幅 确定一个法定值。0 3 6 9 (不能写负值)list 必须结合datalist标签,绑定datalist id名称。 autocomplete 是否自动提示信息 属性值 on 打开 ;off 关闭 (是否有缓存)注:默认值是on ;
placeholder 文本框的提示信息 autofocus 自动聚焦。一个页面只能由一个。pattern 后面的属性值是一个正则表达式。(js)novalidate 取消验证multiple 选择(上传)多个
猜你喜欢
- 2024-12-27 盘点15个优秀的甘特图开源项目 甘特图开发
- 2024-12-27 vue深坑记-keep-alive 路由缓存和清除
- 2024-12-27 1-html基本知识 html基本概念
- 2024-12-27 HTML5入门 HTML5入门 标签
- 2024-12-27 (一)熟练HTML5+CSS3,每天复习一遍
- 2024-12-27 MVVM模式解析和在WPF中的实现(二)
- 2024-12-27 网页设计HTML零基础入门 html5网页设计教程
- 2024-12-27 python实现爬取豆瓣电影Top250 python爬虫豆瓣
- 2024-12-27 DOM破坏攻击学习 ddos攻击破坏了信息什么特性
- 2024-12-27 手把手教你Vue解析pdf(base64)转图片【实践】
- 最近发表
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- md5 sha1 (32)
- mybatis plus page (35)
- semaphore 使用详解 (32)
- update from 语句 (32)
- vue @scroll (38)
- 堆栈区别 (33)
- 在线子域名爆破 (32)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)