Chọn (select) nội dung ô input text bằng JavaScript

Để chọn toàn bộ văn bản trong ô input, sử dụng phương thức select() trên element input.

Ví dụ

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chọn text input</title>
</head>
<body>
    Nhập tên: <input type="text" id="txtName" value="John"> <br>
    <button type="button" onclick="selectText()">Chọn ô input</button>

    <script>
        function selectText() {
            document.getElementById("txtName").select();
        }
    </script>
</body>
</html>

Cách chạy

Lưu file index.html và mở với Live Server.

Kết quả

Khi nhấn nút "Chọn ô input", toàn bộ văn bản trong ô input sẽ được bôi đen (selected), sẵn sàng để copy hoặc ghi đè.

Mở rộng: Có thể dùng setSelectionRange(start, end) để chọn một phần văn bản.