儘管和是不同元素,但它們都支援相同的特性來取得包含在文字方塊內的文字。考慮以下範例: 複製程式碼 程式碼如下: Retrieying a Textbox Value Example <BR>function getValues(){<BR>var oTextbox1=document.getElementById("txt1" );<BR>var oTextbox2=document.getElementById("txt2");<BR>alert("The value of txt1 is "" oTextbox1.value ""n" <BR>"The value of txt2 is"" oTextbox2. value """);<BR>}<BR> 這個範例顯示了兩個文字框,一個是單行的另一個是多行的,還有一個按鈕。當點擊按鈕時,會出現警告框顯示各個文字方塊中的內容。 也可以在兩個文字方塊中輸入一些內容,然後點選按鈕。 因為value特性是個字串,可以使用任何字串的特性和方法。例如,可以使用length特性來取得文字方塊中的文字長度: 複製程式碼 程式碼如下: Retrieving a Textbox Length Example <BR>function getLengths(){<BR>var oTextbox1=document.getElementById("txt1");<BR>var oTextbox2=document.getElementById("txt2");<BR>alert ("The length of txt1 is " oTextbox1.value.length "n"<BR> "The length of txt2 is" oTextbox2.value.length);<BR>}<BR> 這個例子中使用value的length特性來判斷每個文字方塊中的字元數。 這個value特性也可用於給文本框設置新內容: 複製代碼 代碼如下: Changing a Textbox Value Example <BR>function setValues(){<BR>var oTextbox1=document.getElementById("txt1");<BR>var oTextbox2=document.getElementById("txt2");<BR>oTextbox1.value="fitst textbox";<txt2");<BR>oTextbox1.value="fitst textbox";<txt2");<BR>oTextbox1.value="fitst textbox";<txt2>oTextbox2.value="second textbox";<BR>}<BR> 這個範例中,點選按鈕可將第一個文字方塊設為"first textbox",將第二個文字方塊設定為"second textbox"。