Để lấy giá trị biểu mẫu HTML, hãy sử dụng thuộc tính value. Giả sử sau là kiểu nhập liệu của chúng ta:
<input type="text" id="getValues" value="My Name is John Smith" />
Chúng ta cần hiển thị giá trị trên "My name is John Smith" trên console.
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<input type="text" id="getValues" value="My Name is John Smith" />
<script>
var originalvalue = document.getElementById("getValues").value;
console.log("Giá trị trong hộp văn bản là =" + originalvalue);
</script>
</body>
</html>
Để chạy chương trình trên, lưu tệp với tên "anyName.html (index.html)" và nhấp chuột phải vào tệp. Chọn tùy chọn "Open with Live Server" trong trình soạn thảo VS Code.
Kết quả
Chương trình sẽ cho ra kết quả sau:
