4. CÁC ĐỐI TƯỢNG TRONG JAVASCRIPT
1.2 Phần tử Text
Phần tử này nằm trong những phần tử hay được sử dụng nhất trong các form HTML. Tương tự nhtrường Password, trường text cho phép nhập vào một dòng đơn, nhưng các ký tự của nó hiện ra bình thờng.
đối tượng text có ba thuộc tính efautValue, name và value. Ba cách thức mô phỏng sự kiện của người sử dụng: focus(), blur() và select(). Có 4 thẻ sự kiện là: obBlur, onFocus, onChange, onSelect. Chú ý các sự kiện này chỉ thực hiện khi con trỏ đã được kích ra ngoài trường text.
Bảng sau mô tả các thuộc tính và cách thức của đối tượng text. Bảng .Các thuộc tính và cách thức của đối tượng text.
Cách thức và thuộc tính Mô tả
defaultValue
Chỉ ra giá trị mặc định của phần tử được chỉ ra trong thẻ INPUT (thuộc tính) name
Tên của đối tượngđược chỉ ra trong thẻ INPUT (thuộc tính) value
Giá trị hiện thời của phần tử (thuộc tính) focus()
Mô tả việc con trỏ tới trường text (cách thức) blur()
Mô tả việc con trỏ rời trường text (cách thức) select()
Mô tả việc lựa chọn dòng text trong trường text (cách thức)
Một chú ý quan trọng là có thể gán giá trị cho trường text bằng cách liên kết các giá trị với thuộc tính value. Trong ví dụ sau đây, dòng text được đa vào trường đầu tiên được lặp lại trong trường text thứ hai, và mọi dòng text được đa vào trường text thứ hai lại được lặp lại trong trường texxt thứ nhất. Khả năng này của nó có thể áp dụng để tự động cập nhật hoặc thay đổi dữ liệu.
Ví dụ. Tự động cập nhật các trường text . <HTML>
<HEAD>
<TITLE>text Example</TITLE>
<SCRIPT LANGUAGE="JavaScript"> <!-- HIDE FROM OTHER BROWSERS function echo(form,currentField) { if (currentField == "first") form.second.value = form.first.value; else form.first.value = form.second.value; }
// STOP HIDING FROM OTHER BROWSERS --> </SCRIPT>
</HEAD> <BODY> <FORM>
<INPUT TYPE=text NAME="first" onChange="echo(this.form,this.name);"> <INPUT TYPE=text NAME="second"
onChange="echo(this.form,this.name);"> </FORM>
</BODY> </HTML>