Làm cách nào để tạo một chiếc điện thoại bằng HTML?
|
Phần tử Show Mặc dù thực tế là các đầu vào loại Ghi chú. Các trình duyệt không hỗ trợ loại Thuộc tính của phần tử Ngoài các thuộc tính hoạt động trên tất cả các phần tử Các giá trị của thuộc tính danh sách là Số ký tự tối đa (dưới dạng đơn vị mã UTF-16) mà người dùng có thể nhập vào trường số điện thoại. Đây phải là một giá trị số nguyên 0 hoặc cao hơn. Nếu không chỉ định Đầu vào sẽ không xác thực được ràng buộc nếu độ dài của văn bản được nhập vào trường này dài hơn Số ký tự tối thiểu (dưới dạng đơn vị mã UTF-16) mà người dùng có thể nhập vào trường số điện thoại. Đây phải là một giá trị số nguyên không âm nhỏ hơn hoặc bằng giá trị được chỉ định bởi Trường số điện thoại sẽ không xác thực được ràng buộc nếu độ dài của văn bản được nhập vào trường này nhỏ hơn Thuộc tính Nếu mẫu đã chỉ định không được chỉ định hoặc không hợp lệ, thì không có biểu thức chính quy nào được áp dụng và thuộc tính này bị bỏ qua hoàn toàn Ghi chú. Sử dụng thuộc tính để chỉ định văn bản mà hầu hết các trình duyệt sẽ hiển thị dưới dạng chú giải công cụ để giải thích những yêu cầu để khớp với mẫu. Bạn cũng nên bao gồm văn bản giải thích khác gần đó Xem bên dưới để biết chi tiết và một ví dụ Thuộc tính Nếu nội dung của điều khiển có một hướng (LTR hoặc RTL) nhưng cần hiển thị trình giữ chỗ theo hướng ngược lại, bạn có thể sử dụng các ký tự định dạng thuật toán hai chiều Unicode để ghi đè hướng trong trình giữ chỗ; Note: Avoid using the Thuộc tính Boolean, nếu có, nghĩa là người dùng không thể chỉnh sửa trường này. Tuy nhiên, Ghi chú. Vì trường chỉ đọc không thể có giá trị, nên Thuộc tính Điều này không đặt giới hạn về số lượng ký tự mà người dùng có thể nhập vào trường. Nó chỉ xác định khoảng bao nhiêu có thể được nhìn thấy tại một thời điểm. Để đặt giới hạn trên cho độ dài của dữ liệu đầu vào, hãy sử dụng thuộc tính Các thuộc tính không chuẩn sau đây có sẵn cho các trường nhập số điện thoại. Theo nguyên tắc chung, bạn nên tránh sử dụng chúng trừ khi không thể giúp được Tiện ích mở rộng của Safari, thuộc tính Cho phép tự động sửa lỗi chính tả, cũng như xử lý thay thế văn bản nếu có được định cấu hình Vô hiệu hóa tự động sửa và thay thế văn bản Tiện ích mở rộng của Mozilla, cung cấp gợi ý về loại hành động nào sẽ được thực hiện nếu người dùng nhấn phím Enter hoặc Return trong khi chỉnh sửa trường Thuộc tính này đã không được dùng nữa. sử dụng thuộc tính toàn cầu thay thế Số điện thoại là loại dữ liệu thường được thu thập trên web. Ví dụ: khi tạo bất kỳ loại đăng ký hoặc trang web thương mại điện tử nào, bạn có thể sẽ cần yêu cầu người dùng cung cấp số điện thoại, cho dù mục đích kinh doanh hay mục đích liên hệ khẩn cấp. Do số điện thoại được nhập phổ biến như thế nào, thật không may là giải pháp "một kích thước phù hợp với tất cả" để xác thực số điện thoại là không thực tế May mắn thay, bạn có thể xem xét các yêu cầu của trang web của riêng mình và tự triển khai mức xác thực phù hợp. Xem, bên dưới, để biết chi tiết Một trong những ưu điểm chính của Ở dạng cơ bản nhất, đầu vào tel có thể được triển khai như thế này Không có gì kỳ diệu xảy ra ở đây. Khi được gửi tới máy chủ, dữ liệu của đầu vào ở trên sẽ được biểu thị dưới dạng, ví dụ: Đôi khi, thật hữu ích khi đưa ra gợi ý trong ngữ cảnh về dạng dữ liệu đầu vào sẽ có. Điều này có thể đặc biệt quan trọng nếu thiết kế trang không cung cấp nhãn mô tả cho mỗi Ở đây, chúng tôi có đầu vào Bạn không chỉ có thể kiểm soát độ dài vật lý của hộp nhập mà còn cả độ dài tối thiểu và tối đa được phép cho chính văn bản đầu vào Kích thước phần tử đầu vào vật lýKích thước vật lý của hộp nhập liệu có thể được kiểm soát bằng thuộc tính. Với nó, bạn có thể chỉ định số lượng ký tự mà hộp nhập liệu có thể hiển thị tại một thời điểm. Ví dụ, trong ví dụ này, hộp soạn thảo Độ dài giá trị phần tửVí dụ bên dưới tạo hộp nhập số điện thoại rộng 20 ký tự, yêu cầu nội dung không ngắn hơn 9 ký tự và không dài hơn 14 ký tự Ghi chú. Các thuộc tính trên có ảnh hưởng — đầu vào của ví dụ trên sẽ được tính là không hợp lệ nếu độ dài của giá trị nhỏ hơn 9 ký tự hoặc nhiều hơn 14 ký tự. Hầu hết các trình duyệt thậm chí sẽ không cho phép bạn nhập giá trị vượt quá độ dài tối đa Cung cấp một mặc định duy nhất bằng thuộc tính giá trịNhư mọi khi, bạn có thể cung cấp giá trị mặc định cho hộp nhập liệu Cung cấp các giá trị được đề xuấtTiến thêm một bước nữa, bạn có thể cung cấp danh sách các giá trị số điện thoại mặc định mà người dùng có thể chọn. Để làm điều này, sử dụng thuộc tính. Điều này không giới hạn người dùng trong các tùy chọn đó, nhưng cho phép họ chọn các số điện thoại thường dùng nhanh hơn. Điều này cũng cung cấp gợi ý để. Thuộc tính Với phần tử Đây là một ảnh chụp màn hình về những gì có thể trông giống như Như chúng tôi đã đề cập trước đây, rất khó để cung cấp giải pháp xác thực phía máy khách một kích cỡ phù hợp với tất cả các số điện thoại. Vậy chúng ta có thể làm gì? Cảnh báo. Xác thực biểu mẫu HTML không thay thế cho các tập lệnh phía máy chủ đảm bảo dữ liệu đã nhập ở định dạng phù hợp trước khi được phép vào cơ sở dữ liệu. Quá dễ dàng để ai đó thực hiện các điều chỉnh đối với HTML cho phép họ bỏ qua xác thực hoặc xóa hoàn toàn. Cũng có thể ai đó bỏ qua HTML của bạn hoàn toàn và gửi dữ liệu trực tiếp đến máy chủ của bạn. Nếu mã phía máy chủ của bạn không xác thực được dữ liệu mà nó nhận được, thảm họa có thể xảy ra khi dữ liệu được định dạng không đúng (hoặc dữ liệu quá lớn, không đúng loại, v.v.) được nhập vào cơ sở dữ liệu của bạn Bạn có thể làm cho đầu vào trống không hợp lệ và sẽ không được gửi tới máy chủ bằng thuộc tính. Ví dụ: hãy sử dụng HTML này Và hãy bao gồm CSS sau để đánh dấu các mục hợp lệ bằng dấu kiểm và các mục không hợp lệ bằng dấu chéo Đầu ra trông như thế này Nếu bạn muốn hạn chế hơn nữa các số đã nhập để chúng cũng phải tuân theo một mẫu cụ thể, bạn có thể sử dụng thuộc tính, thuộc tính này nhận giá trị của nó là một biểu thức chính quy mà các giá trị đã nhập phải khớp với nhau Trong ví dụ này, chúng tôi sẽ sử dụng CSS giống như trước, nhưng HTML của chúng tôi được thay đổi thành như thế này Lưu ý cách giá trị đã nhập được báo cáo là không hợp lệ trừ khi mẫu xxx-xxx-xxxx được khớp; . 800-MDN-ROCKS cũng vậy. Tuy nhiên, 865-555-6502 sẽ được chấp nhận. Mẫu cụ thể này rõ ràng chỉ hữu ích cho một số ngôn ngữ nhất định — trong một ứng dụng thực tế, bạn có thể phải thay đổi mẫu được sử dụng tùy thuộc vào ngôn ngữ của người dùng Trong ví dụ này, chúng tôi trình bày một giao diện đơn giản với phần tử Mỗi đầu vào có một thuộc tính để hiển thị gợi ý cho người dùng sáng mắt về những gì cần nhập vào đó, một để thực thi một số ký tự cụ thể cho phần mong muốn và thuộc tính JavaScript tương đối đơn giản — nó chứa một trình xử lý sự kiện Ví dụ trông như thế này Đây là một ý tưởng thú vị, cho thấy một giải pháp tiềm năng cho vấn đề xử lý các số điện thoại quốc tế. Tất nhiên, bạn sẽ phải mở rộng ví dụ để cung cấp mẫu chính xác cho mọi quốc gia tiềm năng, điều này sẽ tốn rất nhiều công sức và vẫn sẽ không có gì đảm bảo chắc chắn rằng người dùng sẽ nhập số của họ một cách chính xác Nó khiến bạn tự hỏi liệu có đáng để gặp rắc rối này ở phía máy khách hay không, khi bạn có thể cho phép người dùng nhập số của họ ở bất kỳ định dạng nào họ muốn ở phía máy khách, sau đó xác thực và vệ sinh nó trên máy chủ. Nhưng sự lựa chọn này là của bạn để thực hiện Làm cách nào để tạo HTML trên điện thoại di động?Tin tức công nghệ . 10 bước về cách tạo trang web bằng HTML bằng điện thoại Android. . Mở trình quản lý tệp của bạn và tạo một thư mục Sao chép mọi hình ảnh bạn muốn sử dụng vào thư mục Truy cập cửa hàng Ứng dụng hoặc cửa hàng chơi của bạn để tải xuống 'Acode' hoặc trình chỉnh sửa mã khác mà bạn chọn Nhấp vào nút tùy chọn và chọn 'thêm tệp mới' Làm cách nào để thêm hình ảnh di động trong HTML?Để chèn hình ảnh vào HTML, hãy sử dụng thẻ hình ảnh và bao gồm thuộc tính nguồn và alt . Giống như bất kỳ phần tử HTML nào khác, bạn sẽ thêm hình ảnh vào phần nội dung của tệp HTML của mình. |
