Làm cách nào để nhận giá trị nút gửi trong HTML?
Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách tìm giá trị của nút bằng JavaScript. Đôi khi, chúng ta cần sử dụng thẻ nút bên trong thẻ biểu mẫu, nơi chúng tôi gán một giá trị đặc biệt duy nhất cho mỗi giá trị được liên kết với Show Hãy để chúng tôi thảo luận chi tiết về tài sản giá trị Giá trị nút Thuộc tínhThuộc tính giá trị của nút được sử dụng để lấy giá trị của thuộc tính giá trị của nút cú phápSau đây là cú pháp lấy giá trị của thuộc tính value của nút let varName = document.getElementById("id").value; bước
Hãy để chúng tôi hiểu nó với sự trợ giúp của một số ví dụ về chương trình ví dụ 1Ví dụ dưới đây sẽ minh họa việc sử dụng thuộc tính value để lấy giá trị của thuộc tính value của nút
Trong ví dụ này, chúng ta đã thấy cách chúng ta có thể sử dụng thuộc tính giá trị để lấy giá trị bên trong nút. Đầu tiên, chúng tôi lấy phần tử được nhắm mục tiêu bằng cách sử dụng id của nó trong btn và sau đó sử dụng thuộc tính giá trị trên đó để lấy giá trị của thuộc tính giá trị bên trong nó Hãy để chúng tôi thảo luận thêm một ví dụ trong đó chúng tôi sẽ gán cùng một giá trị cho thẻ nút như được cung cấp bên trong thuộc tính giá trị một cách linh hoạt bằng cách sử dụng JavaScript
ví dụ 2Ví dụ dưới đây sẽ giải thích cách chúng ta có thể gán văn bản bên trong cho nút tương tự như giá trị của thuộc tính value bằng cách sử dụng thuộc tính value
Trong ví dụ trên, chúng ta đã thấy cách chúng ta có thể gán văn bản cho nút tương tự như giá trị của thuộc tính value một cách linh hoạt bằng cách sử dụng thuộc tính value của JavaScript. Trong ví dụ này, sau khi lấy phần tử, chúng tôi lưu trữ giá trị trong một biến cụ thể, sau đó gán giá trị đó làm văn bản của nút bằng thuộc tính InternalHTML của JavaScript Hãy để chúng tôi thảo luận thêm một ví dụ trong đó chúng tôi sẽ thay đổi văn bản đã cho của nút thành giá trị của thuộc tính giá trị
ví dụ 3Ví dụ dưới đây sẽ minh họa việc sử dụng thuộc tính giá trị để thay đổi văn bản của thẻ nút chỉ bằng cách nhấp vào nút
Trong ví dụ trên, chúng tôi có nếu bạn nhấp chuột để thay đổi văn bản. Nút nó sẽ tự động thay đổi văn bản của nút thành giá trị bên trong thuộc tính giá trị của thẻ nút Trong hướng dẫn này, chúng ta đã thảo luận về thuộc tính giá trị của JavaScript được sử dụng để lấy giá trị của thuộc tính giá trị bên trong bất kỳ thẻ HTML nào. Chúng tôi cũng đã tìm hiểu cách chúng tôi có thể thay đổi động văn bản bên trong thẻ nút thành giá trị của thuộc tính giá trị bằng cách sử dụng thuộc tính giá trị. Chúng tôi có thể thay đổi văn bản của bất kỳ thẻ nào bằng các phương pháp được thảo luận ở trên Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm Giá trị của Cách xác định loại đầu vào trong HTML (Tất cả các giá trị và thuộc tính)How Input Type Submit Creates Form Submit Buttons In HTML làm gì? Xác định một nút được nhấp để gửi biểu mẫunội dung
Mã ví dụ
Nhập mật khẩu giả vào đây Giá trị Nếu bạn muốn sử dụng hình ảnh thay cho nút Gửi, hãy sử dụng kiểu đầu vào Claire Broadley Claire là nhà văn, biên tập viên kỹ thuật dày dạn kinh nghiệm và người đam mê HTML. Cô ấy viết cho HTML. com và điều hành một công ty nội dung, Red Robot Media Làm cách nào để nhận giá trị từ nút gửi trong HTML?Thuộc tính giá trị đặt hoặc trả về giá trị của thuộc tính giá trị của nút gửi . Thuộc tính giá trị xác định văn bản được hiển thị trên nút gửi.
Nút gửi có thể có giá trị không?Thuộc tính giá trị trên thẻ . Giá trị của nó được bao gồm trong quá trình gửi biểu mẫu.
Gửi giá trị trong HTML là gì?Thuộc tính value chỉ định giá trị của phần tử nó xác định văn bản trên nút . Đối với "văn bản", "mật khẩu" và "ẩn" - nó xác định giá trị ban đầu (mặc định) của trường nhập.
Làm cách nào để sử dụng nút gửi trong HTML?Nút Gửi
. Trình xử lý biểu mẫu thường là một tệp trên máy chủ có tập lệnh để xử lý dữ liệu đầu vào. Trình xử lý biểu mẫu được chỉ định trong thuộc tính hành động của biểu mẫu. The defines a button for submitting the form data to a form-handler. The form-handler is typically a file on the server with a script for processing input data. The form-handler is specified in the form's action attribute. |