JavaScript nhiều biểu mẫu trên cùng một trang

Xin gửi lời cảm ơn đặc biệt đến Ingrid Urena của Atelier 21 vì đã sử dụng hình ảnh và video của cô ấy trong hướng dẫn này. Xin lưu ý rằng hướng dẫn này là để nhúng nhiều biểu mẫu trên một trang web. Bạn không cần thực hiện bất kỳ sửa đổi nào đối với mã nếu bạn đang cố nhúng cùng một biểu mẫu trên các trang khác nhau của cùng một trang web.  

Flodesk cho phép bạn thêm cùng một biểu mẫu được nhúng vào nhiều vị trí trên một trang web với một số sửa đổi nhỏ đối với mã.  

Thực hiện theo các bước bên dưới để đảm bảo biểu mẫu của bạn hiển thị chính xác khi được nhúng nhiều lần trên một trang


Quan trọng. nhúng biểu mẫu theo cách thông thường khi thêm lần đầu tiên vào trang web của bạn. Đừng sửa đổi mã

Bạn chỉ cần sửa đổi mã như chi tiết bên dưới khi bạn thêm cùng một biểu mẫu thứ hai/thứ ba, v.v. thời gian đến cùng một trang


Bước 1. Dán mã do Flodesk cung cấp vào trang web của bạn giống như bất kỳ biểu mẫu nhúng nào khác

JavaScript nhiều biểu mẫu trên cùng một trang



Bước 2. Tìm ID Div trỏ đến ID biểu mẫu trong mã và thêm dấu gạch ngang với một chuỗi ký tự ngắn, duy nhất để theo sau dấu gạch ngang. Các ký tự có thể là bất cứ thứ gì bạn muốn, nhưng tốt nhất là giữ nó càng ngắn càng tốt. Tham khảo hình ảnh bên dưới.

Đảm bảo.

  • Thêm dấu gạch ngang, như trong hình bên dưới

  • Thêm các ký tự duy nhất của bạn sau dấu gạch ngang "-"

  • Giữ chuỗi ký tự được thêm này ngắn

  • Giữ nguyên " dấu ngoặc kép kết thúc, nếu không nó sẽ không hoạt động

JavaScript nhiều biểu mẫu trên cùng một trang

Bước 3. Tìm ID biểu mẫu trên dòng 5 của mã (Trong khu vực "ContainerEl") và lặp lại chính xác những gì bạn đã làm ở bước #2, sao cho dấu gạch ngang và chuỗi khớp với ID biểu mẫu trong ID Div trên dòng 1.

Xem hình ảnh bên dưới để tham khảo.

JavaScript nhiều biểu mẫu trên cùng một trang

Bước 4. Bạn đã hoàn tất. Lặp lại quy trình này cho từng biểu mẫu bạn thêm vào cùng một trang web. Bạn có thể thêm bao nhiêu bản sao của biểu mẫu vào trang của mình tùy thích, miễn là mỗi bản có một dấu gạch ngang và một chuỗi duy nhất.

Muốn được trợ giúp thêm? .



Chúng tôi muốn nghe về trải nghiệm gần đây của bạn khi tìm kiếm giải pháp cho các sự cố trong Trung tâm trợ giúp Flodesk (Cơ sở kiến ​​thức). Với phản hồi của bạn, chúng tôi có thể cải thiện nền tảng kiến ​​thức của mình bằng những cách mới và tốt hơn để giúp bạn thành công

Vui lòng không gửi vé hỗ trợ và yêu cầu tính năng qua biểu mẫu phản hồi này

Chia sẻ phản hồi của bạn

Nếu bạn cần hỗ trợ kỹ thuật, vui lòng gửi yêu cầu hỗ trợ qua email theo địa chỉ support[at]flodesk.com đề cập đến email đăng nhập tài khoản Flodesk của bạn cùng với mô tả chi tiết về sự cố của bạn

Tôi đã nhận được hướng dẫn thiết kế, trong đó 3 biểu mẫu khác nhau được đặt trên cùng một trang. Tất cả chúng đều có khoảng 6 trường8 đầu vào và một số nút radio. Trang web sẽ thuộc văn phòng bác sĩ, chuyên về lão khoa. Vì vậy, có thể một nửa số người dùng trang web, sẽ là những người trên 70 tuổi

Có những cuộc thảo luận rằng nhiều hơn 2 biểu mẫu trên một trang là một cách làm không tốt. Cho đến bây giờ tôi đã tránh đặt hai biểu mẫu trên một trang, nhưng bây giờ tôi phải tìm ra những lý do chính đáng để không đặt nhiều hơn một biểu mẫu trên một trang

Bạn có bất kỳ trải nghiệm nào với nhiều biểu mẫu trên một trang không?

Liên kết để bình luận
Chia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

JavaScript nhiều biểu mẫu trên cùng một trang
JavaScript nhiều biểu mẫu trên cùng một trang

tổ chứcFellow

Đăng ngày 14 tháng 8 năm 2021

tổ chứcFellow

  • JavaScript nhiều biểu mẫu trên cùng một trang
    JavaScript nhiều biểu mẫu trên cùng một trang

  • Các thành viên
    • 657
    • 437
  • Vị tríTX El Paso

    • Chia sẻ

Đăng ngày 14 tháng 8 năm 2021

16 giờ trước, neophron said

Bạn có bất kỳ trải nghiệm nào với nhiều biểu mẫu trên một trang không?

Bạn luôn có thể lập luận rằng một tỷ lệ cao người dùng sẽ duyệt web bằng thiết bị di động. Do đó, nó sẽ rất xấu, khó điều hướng và chiếm hàng tấn không gian màn hình với tất cả các dạng đó

Lý tưởng nhất là có lẽ nên có một số trường biểu mẫu, theo sau là nút 'TIẾP THEO' chuyển sang màn hình tiếp theo để tiếp tục với mục nhập biểu mẫu?. Và có thể là thanh tiến trình hoặc phân trang biểu thị họ đang ở trang nào và tổng số bao nhiêu - cho biết tiến trình?

  • JavaScript nhiều biểu mẫu trên cùng một trang
    1

Liên kết để bình luận
Chia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

JavaScript nhiều biểu mẫu trên cùng một trang
JavaScript nhiều biểu mẫu trên cùng một trang

neophron

Đăng ngày 16 tháng 8 năm 2021

neophron

  • JavaScript nhiều biểu mẫu trên cùng một trang
    JavaScript nhiều biểu mẫu trên cùng một trang

  • Các thành viên
    • 150
    • 80
  • Vị tríBerlin

  • Tác giả

    • Chia sẻ

Đăng ngày 16 tháng 8 năm 2021

Vào ngày 14/8/2021 lúc 2. 23 giờ sáng, Tổ chứcFellow cho biết

Bạn luôn có thể lập luận rằng một tỷ lệ cao người dùng sẽ duyệt web bằng thiết bị di động. Do đó, nó sẽ rất xấu, khó điều hướng và chiếm hàng tấn không gian màn hình với tất cả các dạng đó

Lý tưởng nhất là có lẽ nên có một số trường biểu mẫu, theo sau là nút 'TIẾP THEO' chuyển sang màn hình tiếp theo để tiếp tục với mục nhập biểu mẫu?. Và có thể là thanh tiến trình hoặc phân trang biểu thị họ đang ở trang nào và tổng số bao nhiêu - cho biết tiến trình?

Mong muốn của các nhà thiết kế là ba biểu mẫu riêng biệt này nên được đặt trong một »switcher« từ Uikit (https. // getuikit. com/docs/trình chuyển đổi).
Tôi chưa bao giờ thấy cách xếp chồng như vậy với các hình thức khác nhau. Không biết chúng sẽ hoạt động như thế nào bên trong bộ chuyển đổi.

Liên kết để bình luận
Chia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

JavaScript nhiều biểu mẫu trên cùng một trang
JavaScript nhiều biểu mẫu trên cùng một trang

Sephiroth

Đăng ngày 16 tháng 8 năm 2021

Sephiroth

  • JavaScript nhiều biểu mẫu trên cùng một trang
    JavaScript nhiều biểu mẫu trên cùng một trang

  • Các thành viên
    • 344
    • 379
  • Vị tríNigeria

    • Chia sẻ

Đăng ngày 16 tháng 8 năm 2021

3 biểu mẫu độc lập hay bạn phải điền vào biểu mẫu này để truy cập biểu mẫu kia, tôi nghĩ nó không tệ nếu có trong trình chuyển đổi. Chúng tôi đã tạo một ứng dụng yêu cầu 20 trường thăm dò đa dạng, các biểu mẫu Ứng dụng ngân hàng tùy thuộc vào loại Tài khoản.  

Liên kết để bình luận
Chia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

JavaScript nhiều biểu mẫu trên cùng một trang
JavaScript nhiều biểu mẫu trên cùng một trang

đụn rơm

Đăng ngày 17 tháng 8 năm 2021

đụn rơm

  • JavaScript nhiều biểu mẫu trên cùng một trang
    JavaScript nhiều biểu mẫu trên cùng một trang

  • Các thành viên
    • 632
    • 685
  • Vị tríTexas

    • Chia sẻ

Đăng ngày 17 tháng 8 năm 2021

@neophronBạn đã biết điều này rồi, tôi chỉ đang nghĩ to thôi

Có 3 cách trình bày giao diện nhập liệu phân đoạn

1) Một biểu mẫu với tất cả các trường dữ liệu được hiển thị và có thể chỉnh sửa cùng một lúc trên cùng một trang. Dữ liệu được cách ly trực quan thường bằng cách đóng khung.
2) Một biểu mẫu có nhiều phần (nghĩa là các tab hoặc bước có thể xem được). Ví dụ: bước 1 có thể là thông tin cá nhân (tên, địa chỉ, v.v. ), bước 2 có thể là tùy chỉnh sản phẩm và bước 3 có thể là thông tin thanh toán. Có dữ liệu được phân đoạn như thế này ngụ ý một phương thức nhập tuần tự trong đó người dùng phải tiến hành theo thứ tự.
3) Các biểu mẫu riêng biệt cho từng phần (rõ ràng là được đặt tên duy nhất) trên cùng một trang. Các biểu mẫu lại được đóng khung trực quan. Điều này là ngẫu nhiên ở chỗ người dùng có thể không hoàn thành hoặc nhiều phần (biểu mẫu) theo bất kỳ thứ tự nào. Cá nhân, tôi không quan tâm đến phương pháp này. Tôi chỉ đưa vào vì nó có thể làm được (không phải là nên làm).

Bạn nói 'nhà thiết kế' muốn biểu mẫu được hiển thị trong trình chuyển đổi uikit. Điều này đối với tôi có vẻ như họ muốn tùy chọn thứ hai vì họ tin rằng dữ liệu được phân đoạn và tuần tự. Tôi tin rằng Ryan có (hoặc đang làm việc trên) mô-đun Pro Forms xử lý một phương pháp tuần tự thay vì tự viết mã. Tôi nhớ đã xem chủ đề đó từ Ryan nhưng tôi không nhớ trạng thái. Có lẽ ai đó có thể giáo dục tôi về tình trạng đó

Hai tùy chọn trình bày đầu tiên là thông lệ tiêu chuẩn nhưng hoàn toàn phụ thuộc vào loại thông tin bạn đang cố lấy và cách bạn với tư cách là người lập trình muốn người dùng thực hiện. Ví dụ: một ứng dụng kiểm tra học thuật có thể phù hợp hơn với phương pháp tuần tự. Vì người dùng phải đăng nhập trước khi truy cập (các) biểu mẫu nên bạn đã có thông tin 'tài khoản' chứa dữ liệu biểu mẫu. Lưu dữ liệu từ bất kỳ phương thức trình bày nào được thực hiện dễ dàng vào tài khoản đó thông qua ajax và/hoặc chức năng gửi thông thường


Tôi đặt nhà thiết kế trong dấu ngoặc kép ở trên vì tôi đã mất nhiều năm khi làm công việc thiết kế hướng dẫn. Công việc của người thiết kế không phải là chỉ ra giao diện sẽ hoạt động như thế nào. Điều đó được xác định bởi bạn và SME (chuyên gia về chủ đề). Bây giờ nếu nhà thiết kế đó cũng là doanh nghiệp vừa và nhỏ, thì bạn nên bắt đầu. Nếu không, bạn nên cung cấp cho nhà thiết kế các hướng dẫn để tạo giao diện cần thiết dựa trên phân tích nhu cầu của bạn.

Dù sao, tôi hy vọng tất cả những điều này sẽ giúp bạn một cách nào đó

  • JavaScript nhiều biểu mẫu trên cùng một trang
    2

Liên kết để bình luận
Chia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

JavaScript nhiều biểu mẫu trên cùng một trang
JavaScript nhiều biểu mẫu trên cùng một trang

neophron

Đăng ngày 18 tháng 8 năm 2021

neophron

  • JavaScript nhiều biểu mẫu trên cùng một trang
    JavaScript nhiều biểu mẫu trên cùng một trang

  • Các thành viên
    • 150
    • 80
  • Vị tríBerlin

  • Tác giả

    • Chia sẻ

Đăng ngày 18 tháng 8 năm 2021

Xin chào các bạn,
cảm ơn vì những ý tưởng, suy nghĩ và những lời ba hoa của bạn ? .

Có thể bạn đã quen thuộc với tình huống sau. Một khách hàng hầu như không có kiến ​​thức về thiết kế/phát triển web cần một trang web và tiếp cận một nhà thiết kế in ấn, người biết thêm một chút về »web và nội dung«. Giống như »ở xứ mù, thằng chột làm vua« nhà thiết kế chuẩn bị một thiết kế với các chức năng khác nhau và trình bày ý tưởng của mình với »anh chàng hai mắt«, nhà thiết kế web.  

Trong trường hợp của tôi, tôi đã cố gắng thuyết phục nhà thiết kế sử dụng Figma thay vì Indesign. Nhưng do không có thời gian nên mình nhận file Indesign ?

Trong khi đó, cuối cùng tôi cũng có thể thuyết phục nhà thiết kế sử dụng một biểu mẫu duy nhất với các phần khác nhau. Vì vậy, tiêu đề của chủ đề này hiện đã  lỗi thời. Tuy nhiên, tôi nghĩ rằng cuộc trò chuyện này chứa đựng một số điều hay.

Vào ngày 17/8/2021 lúc 7. 10 giờ sáng, rick nói

Nếu không, bạn nên cung cấp cho nhà thiết kế các hướng dẫn để tạo giao diện cần thiết dựa trên phân tích nhu cầu của bạn

Vấn đề là, những hướng dẫn như vậy chỉ có thể được tích hợp trong các dự án lớn hơn với ngân sách lớn hơn (tại Đức). Và trước tiên, bạn phải thuyết phục một số người rằng khả năng sử dụng và khả năng tiếp cận thực sự quan trọng (https. //www. deque. com/blog/khả năng tiếp cận-tầm quan trọng-cho-seo/)

Bạn có thể có 2 biểu mẫu trên một trang không?

Có. Nói chung, bạn có thể có nhiều biểu mẫu trên cùng một trang , được gửi bởi.

JSP có thể có nhiều biểu mẫu không?

Bởi vì netui. thuộc tính hành động của thẻ biểu mẫu xác định phương thức hành động và gián tiếp là đậu biểu mẫu, sẽ được sử dụng bởi biểu mẫu và các trường biểu mẫu của biểu mẫu, bạn có thể dễ dàng bao gồm nhiều biểu mẫu trên một JSP sử dụng các biểu mẫu khác nhau . .

Chúng ta có thể có biểu mẫu bên trong biểu mẫu trong HTML không?

Mọi biểu mẫu phải được đặt trong phần tử MẪU. Có thể có nhiều biểu mẫu trong một tài liệu, nhưng phần tử FORM không thể lồng nhau .

Làm cách nào để đặt hai biểu mẫu cạnh nhau bootstrap?

Kỹ thuật tạo 2 form theo chiều ngang rất đơn giản. Bạn chỉ cần viết mã hai cột . Không thêm các. phân loại tốt vào các cột nhịp nếu không nó sẽ phá vỡ mọi thứ.