Rumah  >  Artikel  >  hujung hadapan web  >  JavaScript获取/更改文本框的值的实例代码_javascript技巧

JavaScript获取/更改文本框的值的实例代码_javascript技巧

WBOY
WBOYasal
2016-05-16 17:27:141354semak imbas

尽管是不同元素,但它们均支持同样的特性来获取包含在文本框内的文本。考虑以下例子:

复制代码 代码如下:



Retrieying a Textbox Value Example











这个例子显示了两个文本框,一个是单行的另一个是多行的,还有一个按钮。当点击按钮时,会出现警告框显示各个文本框中的内容。

也可以在两个文本框中输入一些内容,然后点击按钮。

因为value特性是个字符串,可以使用任何字符串的特性和方法。例如,可以使用length特性来获取文本框中的文本长度:
复制代码 代码如下:



Retrieving a Textbox Length Example











这个例子中使用value的length特性来判断每个文本框中的字符数。

这个value特性也可用于给文本框设置新内容:

复制代码 代码如下:



Changing a Textbox Value Example











这个例子中,点击按钮可将第一个文本框设置为"first textbox",将第二个文本框设置为"second textbox"。
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn