Erlo

input的type类型

2019-01-19 00:02:31 发布   374 浏览  
页面报错/反馈
收藏 点赞

 

对部分生僻的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>123option>
   option>567option>
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)">

 

登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

手机查看

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认