input的type类型

属性值

对部门生僻的input属性值注释：

type="reset"：可以一键清空form表单内里所有的数据

<form>
  <input type="text" name="">
  <input type="password" name="">
  <input type="email" name="">
  <input type="reset" value="重置"> 
</form>

type="file"： multiple="multiple' 可以同时上传多个文件

<input type="file" name="" multiple="multiple">

datalist的运用：输入框输入的值会自动匹配datalist下拉框的值，input的list属性值必须和datalist的id值一致

<input type="text" name="" list="same">
<datalist id="same">
   <option>123</option>
   <option>567</option>
</datalis>

type=“range”: input表单 oninput属性可以同步进度条的数据显示

<form oninput="o.value=r.value" novalidate="true">  //novalidate 验证表单提交的合法性
   <input type="range" name="r">
   <output name="o"></output>                       //output用于剧本的输出
</form>

表单事宜

onchange适用于input、textarea、select等，当失去焦点时会触发该事宜

<input type="text" name="" value="1234567890" onchange="textFun(this.value)">

思源资源网：分类流动

1.阿里云: 本站现在使用的是阿里云主机，平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动，优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台，若是你有流量，可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/1839

发表于 2021-02-21 07:00
阅读 ( 231 )
分类：互联网

input的type类型

0 条评论

你可能感兴趣的文章

相关问题