首頁  >  文章  >  web前端  >  JavaScript取得/更改文字方塊的值的實例程式碼_javascript技巧

JavaScript取得/更改文字方塊的值的實例程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 17:27:141356瀏覽

儘管是不同元素,但它們都支援相同的特性來取得包含在文字方塊內的文字。考慮以下範例:

複製程式碼 程式碼如下:



Retrieying a Textbox Value Example











這個範例顯示了兩個文字框,一個是單行的另一個是多行的,還有一個按鈕。當點擊按鈕時,會出現警告框顯示各個文字方塊中的內容。

也可以在兩個文字方塊中輸入一些內容,然後點選按鈕。

因為value特性是個字串,可以使用任何字串的特性和方法。例如,可以使用length特性來取得文字方塊中的文字長度:
複製程式碼 程式碼如下:



Retrieving a Textbox Length Example











這個例子中使用value的length特性來判斷每個文字方塊中的字元數。

這個value特性也可用於給文本框設置新內容:

複製代碼 代碼如下:



Changing a Textbox Value Example









這個範例中,點選按鈕可將第一個文字方塊設為"first textbox",將第二個文字方塊設定為"second textbox"。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn