Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 JavaScript操作文本框的脚本

JavaScript操作文本框的脚本

发布时间:2015-01-28   编辑:www.jquerycn.cn
本文介绍下,javascript操作文本框中内容的脚本,有需要的朋友参考下吧。

在HTML中,使用<textarea>的多行文本框。
要表现文本框,必须将<input>元素type特性设置成”text”。
而通过设置size特性,可以指定文本框可以接受的最大字符数。
如果要创建一个文本框,让它能够显示25个字符,但输入不能超过50个字符。

例子:
<input type="text" size="25" maxlength="50" value="初始值">
相对而言,<textarea>元素则始终会呈现为一个多行文本框。
要指定文本框的大小,可以使用rows和cols特性。
其中,rows特性指定的是文本框的字符行数,而cols特性指定的是文本框的字符列数(类似于<input>元素的size特性)。
与<input>元素不同,<textarea>的初始值必须要放在<textarea>和</textarea>之间。

例子:
<textarea rows="25" cols="5">初始值</textarea>
另一个与<input>的区别在于,不能在HTML中给<textarea>指定最大字符数。
无论这两种文本框在标记中有什么区别,但它们都会将用户输入内容保存在value属性中。

可以通过这个属性读取和设置文本框的值,例如:
 

复制代码 代码示例:
var textbox = document.forms[0].elements["textbox1"];
alert(textbox.value);
textbox.value = "Some new value";

建议像上面这样使用value属性读取或设置文本框的值,不建议使用标准的DOM方法。
即不要使用setAttribute()设置<input>元素的value特性,也不要去修改<textarea>元素的第一个子节点。

原因分析:
对value属性所做的修改,不一定会反映在DOM中。
因此,在处理文本框的值时,最好不要使用DOM方法。

您可能感兴趣的文章:
JavaScript操作文本框的脚本
JavaScript中的三种消息框
js控制文本框自动适应文本长度的例子
js禁用鼠标右键菜单(加强版)
JavaScript 指南
html5实现表单的复选框验证
javascript弹出对话框(警告框、确认框、提示框等)
jQuery 操作下拉列表框的代码举例
php开启safe_mode模式对函数的影响总结
JavaScript 直接操作本地文件的方法

[关闭]