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