Hướng dẫn how do you display input value in html? - làm thế nào để bạn hiển thị giá trị đầu vào trong html?

❮ Đối tượng văn bản nhập

Thí dụ

Thay đổi giá trị của trường văn bản:

document.getEuityById ("mytext"). value = "Johnny Bravo";

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Thuộc tính giá trị đặt hoặc trả về giá trị của thuộc tính giá trị của trường văn bản.

Thuộc tính giá trị chứa giá trị mặc định hoặc giá trị mà người dùng loại trong (hoặc giá trị được đặt bởi tập lệnh).

Hỗ trợ trình duyệt

Cú pháp

Trả về thuộc tính giá trị:

Đặt thuộc tính giá trị:

Giá trị tài sản

Chi tiết kỹ thuật

Nhiều ví dụ hơn

Thí dụ

Nhận giá trị của trường văn bản:

var x = document.getEuityById ("mytext"). Giá trị;

Hãy tự mình thử »

Thí dụ

Định nghĩa và cách sử dụng

Thuộc tính giá trị đặt hoặc trả về giá trị của thuộc tính giá trị của trường văn bản.
var age = document.getElementById("age").value;
var fname = document.getElementById("fname").value;
submitOK = "true";

Thuộc tính giá trị chứa giá trị mặc định hoặc giá trị mà người dùng loại trong (hoặc giá trị được đặt bởi tập lệnh).
  alert("The name may have no more than 10 characters");
  submitOK = "false";
}

Hỗ trợ trình duyệt
  alert("The age must be a number between 1 and 100");
  submitOK = "false";
}

Tài sản
  alert("Not a valid e-mail!");
  submitOK = "false";
}

giá trị
  return false;
}

Hãy tự mình thử »

Thí dụ

Định nghĩa và cách sử dụng

Thuộc tính giá trị đặt hoặc trả về giá trị của thuộc tính giá trị của trường văn bản.
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;

Hãy tự mình thử »

Thí dụ

Thuộc tính giá trị chứa giá trị mặc định hoặc giá trị mà người dùng loại trong (hoặc giá trị được đặt bởi tập lệnh).

Hỗ trợ trình duyệt
var option = no.options[no.selectedIndex].text;
var txt = document.getElementById("result").value;
txt = txt + option;
document.getElementById("result").value = txt;

Hãy tự mình thử »

Thí dụ

Tài sản

giá trị
var defaultVal = x.defaultValue;
var currentVal = x.value;

Hãy tự mình thử »

Đúng

Cú pháp

❮ Đối tượng văn bản nhập

Trình duyệt

IE6

Y (lỗi)

N
  First name:
 


  Last name:
 


 

Y

IE7

IE8

IE9

• IE10
• FF3.0
• N tức là = Internet Explorer

FF3.5/FF3.6 The value attribute cannot be used with <input type="file">.

Y ff = mozilla firefox

FF4B1

Safari4/Safari5

Opera10.10/

Trình duyệt

FF3.0

N tức là = Internet Explorer

FF3.5/FF3.6

Ví dụ

document.getElementById("searchTxt").value;

Y ff = mozilla firefoxNote: Method 2,3,4 and 6 returns a collection of elements, so use [whole_number] to get the desired occurrence. For the first element, use [0], for the second one use [1], and so on...

FF4B1

Y gc = google chrome

Ví dụ

<input>0 Nếu đây là hộp văn bản đầu tiên trong trang của bạn.

Phương pháp 3

Sử dụng <input>1 cũng trả về một htmlcollection trực tiếp

Ví dụ

<input>2, nếu đây là hộp văn bản đầu tiên trong trang của bạn.

Phương pháp 4

<input>3 trong đó cũng> trả về một Nodelist trực tiếp

Ví dụ

<input>4 Nếu đây là hộp văn bản đầu tiên có tên 'searchText' trong trang của bạn.

Phương pháp 5

Sử dụng <input>5 mạnh mẽ sử dụng bộ chọn CSS để chọn phần tử

Ví dụ

• <input>6 được chọn bởi ID
• <input>7 được chọn bởi lớp
• <input>8 được chọn bởi tagname
• <input>9 được chọn theo tên

Phương pháp 6

value0 cũng sử dụng bộ chọn CSS để chọn các phần tử, nhưng nó trả về tất cả các phần tử với bộ chọn đó làm một nút tĩnh.

Ví dụ

• value1 được chọn bởi ID
• value2 được chọn bởi lớp
• value3 được chọn bởi tagname
• value4 được chọn theo tên

Ủng hộ

FF3.0

1. N tức là = Internet Explorer
2. FF3.5/FF3.6
3. Y ff = mozilla firefox