zoukankan      html  css  js  c++  java
  • 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)">
  • 相关阅读:
    现在SimpleMemory的CSS(by BNDong)
    I AK IOI
    最大半联通子图
    曾经SimpleMemory的CSS
    幼儿园战争
    炸掉卡西欧991CNX
    LuoguP1131选择客栈
    2019CSP-S2养成任务
    NOIP2013&NOIP2018&USACO 三倍经验铺路题巧妙解法
    NOIP2018D2T1 旅行
  • 原文地址:https://www.cnblogs.com/qiaduan/p/10289773.html
Copyright © 2011-2022 走看看