表单元素的操作总结

最新推荐文章于 2021-05-25 12:50:26 发布

原创最新推荐文章于 2021-05-25 12:50:26 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

关于表单元素的各种操作总结，以备日后查阅。
input输入框：

<input id="testInput" name="gender" title="性别" />

//获取值
$('#testInput').val();
//设置值
$('#testInput').val('男');
//设置只读
$('#testInput').attr('readonly','readonly');

textarea:

<textarea id='testTextarea' name='description'>描述文本</textarea>
//textarea可以通过cols和rows属性设置宽高，不过推荐使用css中的height和width设置宽高
//获取值
$('#testTextarea').val();
//设置值
$('#testTextarea').val('测试文本');
//设置只读
$('#testTextarea').attr('readonly','readonly');
//设置输入字数限制
$('#testTextarea')。attr('maxlength',100);

注：maxlength在IE10以上可以正常使用，IE9及以下无法使用。兼容方法如下（转载）：

<textarea rows="5"  maxlength="100" onchange="this.value=this.value.substring(0, 100)" onkeydown="this.value=this.value.substring(0, 100)" onkeyup="this.value=this.value.substring(0, 100)" ></textarea>