zoukankan      html  css  js  c++  java
  • HTML中input参数,多行文本textarea说明,以及获取和设置的方法

    input 的所有类型和属性说明

    (本文是使用的Jquery实现的)

    除了特别说明: 获取和设置属性和样式的值可以统一用:

    属性如:
        name,value,type,id
    获取:
        $("#text").attr('属性名')
    设置:
        $("#text").attr({属性:"值",属性:"值"})

    获取和设置在css里面的属性:

    属性如:
        color,background,font等
    获取
        $("#text").css("color")
    设置:
        $("#text").css({属性:"值",属性:"值"})
    


    第一种文本类型or密码类型

    <input type="text" id="text" value="文本框默认显示" name="user">
    $("#text").val() //获取文本框的输入
    
    // 设置默认显示
    $("#text").attr({value:"默认显示值"})

    第二种多选框

    //返回true这该选项被选中,否则未被选中
    $("#checkbox").prop('checked')  
    
    // 设置id为checkbox的选择默认是选中的
    $("#checkbox").prop({checked:true})
    

    第三种单选(注意这个val()获取的值其他的有区别)

    单选input的name属性应该设置为相同的值
    
    $("#radio1").val()  // 获取的是value里面的值
    
    //返回true这该选项被选中,否则未被选中
    $("#radio1").prop('checked')
    
    // 设置id为radio1的单选框默认是选中的
    $("#radio1").prop({checked:true})
    

    多行文本

    $("#many").val() // 获取文本框里面的值
    
    // 如果想设置默认值,执行写在下面就可以了
    <textarea id="many" >这里是默认值</textarea>

    上面说明所用到的伪代码

        文本<input type="text" id="text" value="默认值" name="user">
        密码<input type="password" id="password" value="">
        按钮<input type="button" id="button" value="按钮">
        多选1<input type="checkbox" class="checkbox" value="一">
        多选2<input type="checkbox" id="checkbox" value="二">
        多行文本<textarea id="many" >wowow</textarea>
        单选1<input type="radio" id="radio1" value="22" name="a">
        单选2<input type="radio" id="radio2" value="11" name="a">
  • 相关阅读:
    CSS
    iframe自适应宽度和高度
    用css实现文字超出指定宽度显示省略号(...)
    删除数据时的提示效果(遮罩)
    网页选项卡的应用
    列表应用(导航菜单)
    下拉列表框中的事件应用(联动展示数据)
    jQuery移除事件
    toggle()方法
    jQuery切换事件
  • 原文地址:https://www.cnblogs.com/fanlei5458/p/9235477.html
Copyright © 2011-2022 走看看