Computer >> Máy Tính >  >> Lập trình >> Javascript

Có thể chọn hộp văn bản bằng JavaScript không?

Có, hãy chọn hộp văn bản với JavaScript bằng cách sử dụng phương thức select (). Đầu tiên, chúng ta hãy tạo một inputtext -

Enter your Name:<input type="text" id="txtName" value="John">
<br>
<button type="button" onclick="check()">Select Text Box</button>

Bây giờ, chúng ta hãy chọn hộp văn bản khi nhấp vào nút -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=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>
</head>
<body>
Enter your Name:<input type="text" id="txtName" value="John">
<br>
<button type="button" onclick="check()">Select Text Box</button>
<script>
   function check(){
      document.getElementById("txtName").select();
   }
</script>
</body>
</html>

Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Có thể chọn hộp văn bản bằng JavaScript không?

Khi bạn nhấp vào nút “Chọn hộp văn bản”, nó sẽ chọn hộp văn bản. Điều này sẽ tạo ra kết quả tiếp theo -

Có thể chọn hộp văn bản bằng JavaScript không?