input的一些用法

原创 2018年04月17日 14:25:26

input的一些用法

  1. 怎样使input的光标隐藏
    color:transparent;
    text-shadow:0 0 0 #303030;——改变字体

  2. 怎样使input获取/失去焦点
    js — onfocus/onblur
    jquery — focus()/blur()

  3. 改变下拉框的箭头样式

select {
            /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/
            border: solid 1px #000;
            /*很关键:将默认的select选择框样式清除*/
            appearance:none;
            -moz-appearance:none;
            -webkit-appearance:none;
            /*在选择框的最右侧中间显示小箭头图片*/
            background: url("../img/drop-down.png") no-repeat scroll right center transparent;
            /*为下拉小箭头留出一点位置,避免被文字覆盖*/
            padding-right: 14px;
        }

4.列表内容

. 改变radio的样式

input[type=radio]{
    font-size:1em;
    visibility: hidden;
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
}
input[type=radio]:before{
    font-size:1em;
    top:12%;
    display: inline-block;
    position: absolute;
    content:' ';
    visibility: visible;
    height: 1em;
    width: 1em;
    display: block;
    background: url("../img/checkbox_no.png") no-repeat;background-size: 1em 1em;
}
input[type=radio]:checked:before{
    content:' ';
    visibility: visible;
    height: 1em;
    width: 1em;
    background: url("../img/yes.png") no-repeat;background-size: 1em 1em;
}
  1. 改变checkbox样式
input[type=checkbox]{
    font-size:1em;
    visibility: hidden;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
}
input[type=checkbox]:before{
    top:12%;
    display: inline-block;
    position: absolute;
    content:' ';
    visibility: visible;
    height: 1em;
    width: 1em;
    display: block;
    background: url("../../img/checkbox_no.png") no-repeat;background-size: 1em 1em;
}
input[type=checkbox]:checked:before{
    content:' ';
    visibility: visible;
    height: 1em;
    width: 1em;
    background: url("../../img/checkbox.png") no-repeat;
    background-size: 1em 1em;
}

input高级用法input高级用法

  • 2010年03月25日 12:02
  • 2KB
  • 下载

INPUT的TYPE用法

  • 2013年08月08日 15:25
  • 1KB
  • 下载

input 高级限制级用法

  • 2009年04月20日 15:44
  • 13KB
  • 下载

JavaScript网页表单元素Input的高级用法

  • 2007年11月28日 22:10
  • 2KB
  • 下载

input、put、input() 、put()用法与区别

input、put、input() 、put()用法与区别: put()函数:把数值型或字符型变量转为字符型变量 input()函数:将字符型变量转化为数值型变量 input:读取变量 put...
  • qq646748739
  • qq646748739
  • 2017-09-19 23:00:57
  • 1024

【html】:html中的input详解

定义和用法 type 属性规定 input 元素的类型。 实例 下面的表单拥有两个输入字段以及一个提交按钮: First name: Last name...
  • qq_23100787
  • qq_23100787
  • 2016-04-11 20:45:33
  • 917

input之checkbox用法

function getFids(){                 fids="";                 $('input[name="chBox"]:checked').each(f...
  • one_isi_all
  • one_isi_all
  • 2015-06-10 11:52:09
  • 397

【论】Unity的Input应用(一)

使用Unity做下列的功能实现:鼠标点击下去,出现抹布,抹布随着鼠标的移动而移动。当抹布擦拭神灯后,会出现灯神。   //鼠标版 if (Input.G...
  • h570768995
  • h570768995
  • 2015-03-27 15:34:21
  • 1022

python中关于raw_input()和input()的用法小结

最近用到raw_input()和input()来实现即时输入,就顺便找了些资料来看,加上自己所用到的一些内容,整理如下: 1、raw_input() raw_input([prompt]) -> ...
  • jv_rookie
  • jv_rookie
  • 2017-02-14 16:21:24
  • 1777

python input的用法1

今天看python学习手册,看到可以用input函数让输出的脚本暂停,并且还可以把用户的输入赋值给一个变量,就试了一下: s = input() print s 运行程序的时候输入了aa 但是...
  • lixuyuan
  • lixuyuan
  • 2012-12-11 17:21:07
  • 11246
收藏助手
不良信息举报
您举报文章:input的一些用法
举报原因:
原因补充:

(最多只允许输入30个字)