Như một ví dụ đơn giản về việc sử dụng các biểu mẫu, liệt kê 12. 1 hiển thị biểu mẫu có tên, địa chỉ và trường số điện thoại, cũng như hàm JavaScript hiển thị dữ liệu từ biểu mẫu trong cửa sổ bật lên
Listing 12. 1 Một biểu mẫu hiển thị dữ liệu trong cửa sổ bật lên
Form Example function display[] { DispWin = window.open['','NewWin', 'toolbar=no,status=no,width=300,height=200'] message = "
- NAME: " + document.form1.yourname.value; message += "
- ADDRESS: " + document.form1.address.value; message += "
- PHONE: " + document.form1.phone.value + "
Form Example
Enter the following information. When you press the Display button, the data you entered will be displayed in a pop-up window.Name:
Address:
Phone:
Dưới đây là sự cố về cách tài liệu và lệnh HTML hoạt động của tệp này
Phần trong tiêu đề của tài liệu xác định một hàm có tên Hiển thị mở một cửa sổ mới [như được mô tả trong giờ 11] và hiển thị thông tin từ biểu mẫu
Bắt đầu thẻ biểu mẫu. Bởi vì công thức này được xử lý hoàn toàn bằng JavaScript, không cần phải thực hiện hoặc phương thức biểu mẫu
Thẻ xác định ba trường của biểu mẫu. tên của bạn, địa chỉ và điện thoại. Cuối cùng thẻ xác định nút hiển thị, được đặt để chạy chức năng hiển thị
Hình 12. 1 for this formula found in actions. Nút hiển thị đã được nhấn và cửa sổ bật lên hiển thị kết quả
Hình 12. 1. Hiển thị dữ liệu từ một biểu mẫu trong một cửa sổ bật lên
Thêm một cách để thực hiện điều đó [nếu bạn sử dụng biểu mẫu], lưu ý rằng loại đầu vào là nút
Mã hoàn chỉnh là
HTML JavaScript output on same page
function showMessage[]{
var message = document.getElementById["message"].value;
display_message.innerHTML= message;
}
Enter message:
Message is:
Nhưng bạn có thể làm điều đó ngay cả khi không có hình thức
HTML JavaScript output on same page
function showMessage[]{
var message = document.getElementById["message"].value;
display_message.innerHTML= message;
}
Enter message:
Message is:
Tại đây bạn có thể sử dụng một trong hai nút hoặc nút
Không cần thiết lập
return false;
Từ chức năng JavaScript cho cả hai ví dụ đó
Tôi muốn mã hóa HTML, JavaScript đầy đủ để hiển thị dữ liệu biểu mẫu trên cùng một trang
Những gì tôi đã thử
Kiểm tra đầu vào
function testVarable[] {var strtext = document. getEuityById["nhạc nền"]; . viết [strtext. giá trị]; . getEuityById["texthai"]; . viết [strText1. giá trị]; . getElementById["textone"];
var strText = document.getElementById["textone"];
tài liệu. viết [strText. giá trị];
var strText1 = tài liệu. getElementById["textTWO"];
tài liệu. viết [strText1. giá trị];
}
Number,
function testVariable[] { var strText = document.getElementById["textone"].value; var strText1 = document.getElementById["textTWO"].value; var result = strText + ' ' + strText1; document.getElementById['spanResult'].textContent = result; } Submit
Không sử dụng được Tài liệu. Viết. Nếu bạn muốn thêm nội dung vào một trang, bạn cần làm việc với DOM. Google "Tạo Div JavaScript" hoặc "Tạo Span JavaScript" cho các ví dụ, về cơ bản bạn cần tạo một yếu tố có văn bản của bạn trong đó và thêm phần tử đó vào một phần của trang bạn muốn văn bản hiển thị.
Ngoài ra, div \ span bạn muốn văn bản xuất hiện tại trang và chỉ cập nhật nó
document.getElementById["myDiv"].innerHTML = strText.value;
Submithàm myfunction[] { var a, b, currdate, d, n; . frm. chữ. giá trị; . chuỗi con [0,2]; . frm. chữ. giá trị;
var a,b,currdate,d,n;
a= document.frm.text.value;
b=a. chuỗi con[0,2];
var currdate = new Date[];var currdate = currdate. getDate[] + '' + [hiện tại. getMonth [] + 1] + '' + chuỗi [hiện tại. getlyear []]. var d = new[]; . getSecond[]; . getEuityById ["popcode"]. InternalHtml = b+currdate+n;
var d = new Date[];
var n = d. getSeconds[];
tài liệu. getElementById["popcode"]. innerHTML =b+currdate+n;}
Document function testVariable[] { debugger var strText = document.getElementById["txtName"].value; var strText1 = document.getElementById["txtEmail"].value; document.getElementById["p1"].innerHTML = strText; document.getElementById["p2"].innerHTML = strText1; }0
1
Nội dung này, cùng với bất kỳ mã nguồn và tệp liên quan nào, được cấp phép theo giấy phép mở của Dự án Mã [CPOL]
Làm cách nào để hiển thị dữ liệu biểu mẫu trong HTML?
Thuộc tính FormTarget chỉ định tên hoặc từ khóa cho biết nơi hiển thị phản hồi được nhận sau khi gửi biểu mẫu. Thuộc tính FormTarget override property target of the element. Lưu ý. Thuộc tính FormTarget is new for the element has type = "Gửi" in HTML5
Chủ Đề