<!DOCTYPE html>
<html>
<head>
<title>Phương thức focus() thêm xóa input trong JavaScript</title>
</head>
<body>
<h1>Phương thức focus() thêm xóa input trong JavaScript</h1>
<p>Phương thức focus() trong JavaScript dùng để thực hiện hành động khi người dùng click vào thẻ input hoặc một liên kết thẻ a.</p>
<p>Phương thức blur() trong JavaScript dùng để xóa (làm mờ) hành động focus trước đó trên thẻ input hoặc thẻ liên kết a.</p>
<p>Nhấn nút để thêm focus, nhất nút để thêm focus, nhấn nút để xóa focus trong thẻ input:</p>
<input type="text" id="txtten" placeholder="Nhập Họ Tên" >
<p>Click vào nút Thêm Focus để thêm focus, Click vào nút Xóa Focus để xóa focus</p>
<button type="button" onclick="themFocus()">Thêm Focus</button>
<button type="button" onclick="xoaFocus()">Xóa Focus</button>
<script>
// Thêm Focus
function themFocus() {
document.getElementById("txtten").focus();
}
// Xóa Focus
function xoaFocus() {
document.getElementById("txtten").blur();
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức focus() thêm xóa input trong JavaScript</title>
</head>
<body>
<h1>Phương thức focus() thêm xóa input trong JavaScript</h1>
<p>Phương thức focus() trong JavaScript dùng để thực hiện hành động khi người dùng click vào thẻ input hoặc một liên kết thẻ a.</p>
<p>Phương thức blur() trong JavaScript dùng để xóa (làm mờ) hành động focus trước đó trên thẻ input hoặc thẻ liên kết a.</p>
<p>Nhấn nút để thêm focus, nhất nút để thêm focus, nhấn nút để xóa focus trong thẻ input:</p>
<input type="text" id="txtten" placeholder="Nhập Họ Tên" >
<p>Click vào nút Thêm Focus để thêm focus, Click vào nút Xóa Focus để xóa focus</p>
<button type="button" onclick="themFocus()">Thêm Focus</button>
<button type="button" onclick="xoaFocus()">Xóa Focus</button>
<script>
// Thêm Focus
function themFocus() {
document.getElementById("txtten").focus();
}
// Xóa Focus
function xoaFocus() {
document.getElementById("txtten").blur();
}
</script>
</body>
</html>
