input type属性

<input type="text" autofocus pattern="^\d*[a-z]+" required placeholder="请输入数字开头字母结束格式"/>
必填，自动补全，自动获取焦点，填入的内容必须满足正则表达式<input type="button" value="button"/>
按钮<input type="checkbox" checked/>
多选框<input type="radio" value="true" checked/>
单选框<input type="date"/><input type="datetime" required/> 貌似没啥特殊的，就是一个input输入框
<input type="datetime-local"/><input type="email" required placeholder="请输入邮箱格式"/>
邮箱格式 默认必须有个@<input type="file" accept="image/*"/>
选择文件，accept指定文件类型，选择时，只能选择指定的文件类型<input type="number" min="10" max="50" step="3"/>
数字输入框，最右带上下箭头，可加减，最小10 最大50 每次加减变化3，点击submit时会验证数值<input type="image" src="./../img/card.png"/>
图片<input type="month" placeholder="month"/><input type="week" placeholder="week"/><input type="time" placeholder="time"/><input type="range" placeholder="range" value="100" min="51" max="500" step="50" οnchange="handleChange(event)"/>onchange 可以监听到更新的数值， 默认100 最小51 最大500 拉动一次变化50<input type="url" placeholder="请输入网址格式"/>
必须是网址格式<input type="search" autocomplete="on" placeholder="search has close button"/>跟普通input比，多了一个情况的小叉叉<input type="tel" placeholder="电话号码 键盘九宫格数字"/>
在手机上有效，弹出的键盘是九宫格数字键盘<input type="color" οnchange="handleChange(event)"/>

可以选择颜色，通过onchange可以监听到选中的颜色，但是只有左侧选中的，或者右侧选中并添加自定义颜色后才有效

input type属性相关推荐

h5 input type 属性为tel苹果系统可以直接获取数字短信验证码
h5 input type 属性为tel苹果系统可以直接获取数字短信验证码,安卓不行 <input type="tel" placeholder="输入验证码&qu ...
input type 属性
单行文本域语法格式:<input type = "text" 属性 = "值" /> 常用属性 1 name:文本框的名字.命名规则是:可以包 ...
HTML 5 input type 属性
语法 <input type="value"> 属性值值描述 button 定义可点击的按钮(大多与 JavaScript 使用来启动脚本) checkbox 定义 ...
前端CSS input type属性详解
input在前端中使我们需要熟悉使用的一个标签,input中type属性值不止text一个. 1.首先是最常用的 text <input type="text" placeh ...
input type属性为file时（type=file），上传一次然后做更新input的change事件
最近在做文件上传,第一次上传之后,再次上传同样的文件,不会做出相应的事件处理: 解决方案: 当你把input的文件取出之后,使用replaceWith覆盖掉以前的input,这样就做到了刷新input ...
html里的input属性,HTML中强大的input标签属性
用了许久的html,这个标签是最常用的标签之一. 标签中type属性是必不可少的,以往我最常用的有 type="text"(单行文本输入) 类型. type="butto ...
ie下input的type属性为hidden问题
2019独角兽企业重金招聘Python工程师标准>>> ie下input的type属性为hidden有时候ie是解析不正确的. 今天碰到一个问题,服务器端返回一个div内容如下: & ...
JQ无法修改input的type属性的替代解决方法
JQ无法修改input的type属性的替代解决方法参考文章: (1)JQ无法修改input的type属性的替代解决方法 (2)https://www.cnblogs.com/wsun/p/56300 ...
input[type=file]属性
title: input[type=file]属性 date: 2017年8月11日 21:04:48 tags: html categories: 教程 author: "JiaWei&q ...

input type属性

input type属性相关推荐

最新文章

热门文章