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">