Mã quốc gia html
Bao gồm trong trang này là các đoạn mã chọn/thả xuống HTML để tạo danh sách các quốc gia sử dụng mã ISO-3166-1 và ISO-3166-2 Show
Bạn có thể chọn giữa các mã ISO-3166-1 Alpha-2, ISO-3166-1 Alpha-3, ISO-3166 Numeric hoặc ISO-3166-2 mới nhất. Tham khảo trang Wikipedia ISO-3166 để biết thêm chi tiết Một số tên quốc gia có dấu trọng âm và các ký tự không phải mã ascii khác, vì vậy hãy đảm bảo đặt mã hóa trang HTML của bạn đúng cách. UTF-8 hoạt động hoàn hảo cho việc này Danh sách tất cả tên quốc gia, mã ISO, mã điện thoại, tên lục địa, tên thủ đô, mã cho danh sách thả xuống HTML. Tên quốc gia được dịch tiếng Ả Rập, tiếng Pháp và các ngôn ngữ khác Tên quốc gia với danh sách chọn mã quốc gia Tên quốc gia với danh sách chọn mã alpha-3 Tên quốc gia với danh sách chọn mã điện thoại Tên quốc gia với danh sách chọn tên lục địa Tên quốc gia với danh sách chọn mã lục địa Tên quốc gia HTML thả xuống ChọnTên của các quốc gia có thể được dịch sang các ngôn ngữ khác. Để thay đổi ngôn ngữ, hãy chọn ngôn ngữ từ danh sách ngôn ngữ bên dưới
Tạo một tên quốc gia được chọn tùy chỉnh cho Bootstrap hoặc HTML SelectChọn tên quốc gia bạn muốn tạo tên quốc gia thả xuống chọn. Mã của các tên quốc gia đã chọn được hiển thị bên dưới. Bạn có thể thay đổi mã cho mã thả xuống quốc gia Bootstrap hoặc cho HTML select Nếu bạn muốn dịch ngôn ngữ, hãy chọn ngôn ngữ từ danh sách ngôn ngữ ở trên. Và Bạn có thể thay đổi loại mã cho lựa chọn HTML hoặc bootstrap thả xuống Số điện thoại được chuẩn hóa theo định dạng quốc tế được gọi là E. 164 kết hợp mã quốc gia và số thuê bao ở định dạng như thế này. +14155552671. Định dạng này được yêu cầu bởi nhiều API (bao gồm cả của Twilio) và có nghĩa là bạn không phải lưu trữ mã quốc gia và số điện thoại trong hai cột cơ sở dữ liệu riêng biệt Tuy nhiên, bạn có thể không muốn người dùng của mình phải nhập dấu + và mã quốc gia khi họ cung cấp số điện thoại của mình cho
Bài đăng trên blog này sẽ hướng dẫn cách xây dựng trường nhập số điện thoại để xử lý và phân tích số điện thoại bằng cách sử dụng HTML, JavaScript cơ bản và plugin 9. Chúng tôi sẽ bao gồm các đề xuất để xác minh số điện thoại và ngăn chặn gian lậnBạn có thể tìm thấy mã đã hoàn thành trên GitHub của tôi Plugin intl-tel-input có thể làm gì?Dự án này sử dụng nhiều intl-tel-input, một "plugin JavaScript để nhập và xác thực các số điện thoại quốc tế". Tôi sẽ đề cập đến cách thiết lập plugin thông thường của mình, nhưng nó có rất nhiều tùy chọn cấu hình bổ sung mà bạn có thể khám phá trong phần Plugin cung cấp mã quốc gia thả xuống với các cờ đẹp để đại diện cho các quốc gia khác nhau. Nó cũng xử lý số người đăng ký hoặc số "định dạng quốc gia" để chuẩn hóa đầu vào của người dùng có thể bao gồm dấu cách, dấu ngoặc đơn, dấu gạch ngang, v.v. Nhúng plugin intl-tel-input vào mã của bạnChúng tôi sẽ giữ mọi thứ khá đơn giản ở đây và bắt đầu với một số HTML và JavaScript cơ bản. Tạo một tệp mới có tên là 0 và thêm đoạn mã sau
Điều này kéo các phiên bản CDN của CSS và JS của plugin, giúp chúng tôi hiển thị mã quốc gia thả xuống và xử lý các số điện thoại. Tôi đang sử dụng v17. 0. 8, nhưng bạn có thể tìm thấy phiên bản mới nhất bằng cách kiểm tra các thẻ. Bạn cũng có thể tự cài đặt plugin bằng hoặc và lưu trữ mã nguồn Để có phong cách đẹp hơn, hãy tạo một tệp mới trong cùng thư mục có tên là 0 và thêm CSS được tìm thấy tại đâyTiếp theo, thêm biểu mẫu sẽ bao gồm đầu vào số điện thoại. Bên trong các thẻ 1 của tệp 0, hãy thêm mã HTML sau
Nếu bạn tải tệp này vào trình duyệt tại thời điểm này, bạn sẽ thấy trường biểu mẫu nhưng chưa có định dạng, chúng tôi vẫn cần khởi tạo plugin Khởi tạo plugin intl-tel-inputThêm thẻ script bên dưới nội dung nhưng bên trong HTML và thêm mã khởi tạo sau
|