Đây là một trong những linh hồn làm thế nào để hiển thị ngày hiện tại trong TextBox:
1. Giải pháp JavaScript
Date:
function myFunction[] {
document.getElementById['demo'].value= Date[];
}
CHỈNH SỬA
Thay vì giá trị, theo cùng một cách bằng ID, bạn có thể đặt placeholder như bạn muốn:value, in the same way by id, you could set the placeholder as you wish:
document.getElementById['demo'].placeholder= Date[];
2. Giải pháp jQuery
Date:
function myFunction[] {
$[document].ready[function[]{
$['#demo'].attr["placeholder", Date[]];
}];
}
Tôi nghĩ rằng điều này sẽ giúp bạn.
Cập nhật lần cuối: 20 tháng 6 năm 2022
Trong - HTML
Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn giải pháp về cách hiển thị ngày hiện tại trong hộp văn bản HTML, bạn có biết rằng một hộp văn bản HTML đơn giản, còn được gọi là hộp đầu vào có loại văn bản, có thể được sử dụng để hiển thị ngày hiện tại không?
Vâng, nó là có thể. Chúng ta sẽ thấy khả năng này thông qua một ví dụ.
HTML với sự trợ giúp của JavaScript có thể phục vụ chúng tôi mục đích này thông qua một hàm gọi là Date [].
Chúng tôi sẽ sử dụng ,, Thẻ và chức năng JavaScript như đề cập đặc biệt.
Hướng dẫn từng bước về cách hiển thị ngày hiện tại trong HTML Textbox:-
How To Display Current Date In HTML Textbox
Current Date:
Click To Show
function showDate[] {
document.getElementById["curdate"].value=Date[];
}
- Tệp HTML bắt đầu với câu lệnh cho biết trình duyệt về phiên bản HTML mà nó sẽ sử dụng.
- Dòng tiếp theo sử dụng thẻ với thuộc tính Lang của nó được đặt là là en en, ngụ ý rằng ngôn ngữ của nội dung là tiếng Anh.
- Thẻ thành công thẻ chứa thông tin về nội dung của trang web. Thẻ, chứa tiêu đề của trang web, là một phần của thẻ này. Tiêu đề này hiển thị trên tab Trình duyệt.
- Tiếp theo bắt đầu thẻ, chứa phần thân của nội dung HTML. Thẻ bắt đầu là thẻ đầu tiên của thẻ. Thẻ đề cập đến nhãn cho một cái gì đó, đặc biệt được sử dụng cho các hộp đầu vào.
- Một hộp văn bản đầu vào được hiển thị bằng cách sử dụng thẻ với loại thuộc tính được đặt thành văn bản trên mạng và thuộc tính ID của nó được đặt thành Cur Curdate. Thuộc tính văn bản ngụ ý hộp là hộp văn bản và độ cong ID được sử dụng để tham chiếu thẻ này từ bất cứ đâu trong tệp HTML.
- Thẻ theo dõi thẻ được sử dụng để tạo một nút của loại nút Nút với chức năng showDate [] để được thực thi khi nhấp vào nút. Văn bản có chứa Bấm vào để hiển thị là văn bản sẽ xuất hiện trên nút. Hàm showDate [] là gì, chúng tôi sẽ giải thích trong bước tiếp theo. Thuộc tính title của thẻ cho chúng tôi biết nút sẽ làm gì, khi nhấp. Khá tự giải thích, có phải là nó không?
- Thẻ bắt đầu ngay bây giờ để thêm chức năng JavaScript vào tài liệu HTML. Loại thẻ này là văn bản/javascript. Bây giờ chúng tôi xác định chức năng mà chúng tôi đã nói trong bước trước. Một khối chức năng được xác định bằng cách viết hàm từ khóa, theo sau là tên hàm [showDate []] và hai niềng răng xoăn trong phần thân hàm được nghỉ. Mục đích của chức năng này là đặt ngày bên trong hộp văn bản.
- Phần thân của hàm bắt đầu với đối tượng tài liệu trong đó, phương thức getEuityByID được sử dụng để tìm nạp phần tử với ID ID Curdate. Trong trường hợp này, phần tử trả về là phần tử.
- Sau đó, giá trị của phần tử được trả về, tức là thẻ được đặt bằng cách gán cho nó đầu ra của hàm ngày []. Hàm ngày [] trả về ngày hiện tại và đặt giá trị hộp văn bản trống trước đó thành ngày hiện tại. Chúng tôi kết thúc hoạt động chuyển nhượng này bằng một dấu chấm phẩy [;].
- Bây giờ hãy để chúng tôi lưu ý rằng các thẻ ,, và các thẻ đều được ghép nối hoặc thẻ container và có các thẻ kết thúc tương ứng ,,,,,,,,,,,,,,,,,,,,,,,,,
- Thẻ là thẻ số ít và không có thẻ kết thúc.
- Bây giờ khi chúng tôi chạy tệp HTML trong trình duyệt của chúng tôi và nhấp vào nút, chúng tôi thấy ngày hiện tại được hiển thị trong hộp văn bản. Điều này sẽ làm việc cho bất kỳ ngày được chọn!
Sự kết luận :-
Chúng tôi đã thấy rằng với sự trợ giúp của hàm JavaScript và đối tượng tài liệu và phương thức, ngày hiện tại có thể được hiển thị trong hộp văn bản.
Tôi hy vọng hướng dẫn này về cách hiển thị ngày hiện tại trong HTML Textbox giúp bạn và các bước và phương thức được đề cập ở trên rất dễ thực hiện và thực hiện.