Thời gian HTML
Dấu nhân, còn được gọi là dấu lần hoặc dấu thứ nguyên, là ký hiệu ×, được sử dụng trong toán học để biểu thị phép toán nhân và tích kết quả của nó. Mặc dù tương tự như chữ thường X (x), nhưng hình thức này thực sự là một loại muối đối xứng xoay bốn lần Show Lịch sử[sửa]Cách sử dụng sớm nhất được biết đến của biểu tượng × để thể hiện phép nhân xuất hiện trong một phụ lục ẩn danh cho ấn bản năm 1618 của tác phẩm Mirifici Logarithmorum Canonis Descriptio của John Napier. Phụ lục này được cho là của William Oughtred, người đã sử dụng ký hiệu tương tự trong văn bản đại số năm 1631 của mình, Clavis Mathematicae, nêu rõ
Hai cách sử dụng trước đó của ký hiệu ✕ đã được xác định, nhưng không chịu được kiểm tra quan trọng Trong toán học, ký hiệu × có một số cách sử dụng, bao gồm Trong sinh học, dấu nhân được sử dụng trong tên lai thực vật, ví dụ Ceanothus papillosus × imcusus (lai giữa C. u nhú và C. ấn tượng) hoặc Crocosmia × crocosmiiflora (lai giữa hai loài Crocosmia khác). Tuy nhiên, việc giao tiếp các tên lai này với chữ cái Latinh "x" là phổ biến, khi ký hiệu "×" thực tế không có sẵn Dấu nhân cũng được các nhà sử học sử dụng cho một sự kiện giữa hai ngày. Khi được sử dụng giữa hai ngày – ví dụ: 1225 và 1232 – cụm từ "1225×1232" có nghĩa là "không sớm hơn 1225 và không muộn hơn 1232" Biểu tượng đơn nguyên × được ngôn ngữ lập trình APL sử dụng để biểu thị chức năng ký hiệu Chữ cái Latinh viết thường x đôi khi được sử dụng thay cho dấu nhân. Điều này được coi là không chính xác trong văn bản toán học Trong ký hiệu đại số, được sử dụng rộng rãi trong toán học, ký hiệu phép nhân thường được bỏ qua ở bất kỳ chỗ nào không gây nhầm lẫn. "a nhân với b" có thể được viết là ab hoặc a b Các ký hiệu khác cũng có thể được sử dụng để biểu thị phép nhân, thường để giảm sự nhầm lẫn giữa dấu nhân × và biến chung x. Ở một số quốc gia, chẳng hạn như Đức, ký hiệu chính cho phép nhân là "toán tử dấu chấm" ⋅ (như trong a⋅b). Ký hiệu này cũng được sử dụng trong ký hiệu đại số để giải quyết sự mơ hồ (ví dụ: "b nhân 2" có thể được viết là b⋅2, để tránh nhầm lẫn với giá trị gọi là b2). Ký hiệu này được sử dụng khi phép nhân được viết rõ ràng, chẳng hạn như trong "ab = a⋅2 for b = 2"; . Trong một số ngôn ngữ, việc sử dụng dấu chấm như một ký hiệu phép nhân, chẳng hạn như một. b, là phổ biến khi ký hiệu cho dấu thập phân là dấu phẩy Trước đây, cú pháp ngôn ngữ máy tính bị giới hạn trong bộ ký tự ASCII và dấu hoa thị * đã trở thành ký hiệu thực tế cho toán tử nhân. Lựa chọn này được phản ánh trong bàn phím số trên bàn phím tiếng Anh, trong đó các phép tính số học cộng, trừ, nhân và chia được biểu thị bằng các phím +, -, * và / tương ứng Tôi đã đăng mẹo đơn giản này lên twitter và nó ngay lập tức trở nên phổ biến với các nhà phát triển từ khắp nơi trên thế giới. Đó là một cải tiến nhỏ tạo nên sự khác biệt lớn về mặt hình ảnh trong các ứng dụng của bạn https. //twitter. com/wesbos/status/499245255703949312 Vì một tweet chỉ có 140 ký tự nên tôi nghĩ mình sẽ mở rộng một chút về các phương pháp hay nhất trong một bài đăng Sử dụng UTF-8Một số đề cập rằng bạn có thể tiếp tục và sử dụng unicode × thay vì thực thể HTML 12 cần được sao chép và dán từ một bài đăng trên blog như thế nàykhả năng tiếp cậnNếu người dùng khiếm thị sử dụng trình đọc màn hình như JAWS để truy cập trang web của bạn, trình này sẽ đọc phép nhân cho họ. Vì vậy, điều rất quan trọng là bạn sử dụng các thuộc tính aria thích hợp. Một cái gì đó như thế này sẽ làm việc tuyệt vời
hoặc tốt hơn
Nhân vật phù hợp khácMột vài đề cập khác rằng sẽ tốt hơn nếu sử dụng 13 vì chúng là các ký tự × thực thay vì chỉ là dấu nhân. Mặc dù những thứ này rất tuyệt, nhưng chúng 1) Không được hỗ trợ trên nhiều hệ thống. Tôi đang dùng osx10. 9. 4 và Chrome Canary và chúng chỉ là những chiếc hộp. ❌ ❎ 2) twitter và iPhone hoán đổi chúng bằng các biểu tượng cảm xúc trông ngớ ngẩn Các phần tử 5 thuộc loại 6 tạo các trường nhập được thiết kế để cho phép người dùng dễ dàng nhập thời gian (giờ, phút và giây tùy chọn)Giao diện người dùng của điều khiển khác nhau giữa các trình duyệt; . Trong các trình duyệt không được hỗ trợ, điều khiển xuống cấp nhẹ nhàng thành 7Trong Chrome/Opera, điều khiển 6 rất đơn giản, có các khe để nhập giờ và phút ở định dạng 12 hoặc 24 giờ tùy thuộc vào ngôn ngữ của hệ điều hành và các mũi tên lên và xuống để tăng và giảm thành phần hiện được chọn. Trong một số phiên bản, nút "X" được cung cấp để xóa giá trị của điều khiểnĐiều khiển 6 của Firefox rất giống với điều khiển của Chrome, ngoại trừ việc nó không có mũi tên lên và xuống. Nó cũng sử dụng định dạng 12 hoặc 24 giờ để nhập thời gian, dựa trên ngôn ngữ hệ thống. Nút "X" được cung cấp để xóa giá trị của điều khiểnBộ điều khiển Edge 6 có phần phức tạp hơn, mở ra bộ chọn giờ và phút với các cuộn trượt. Nó, giống như Chrome, sử dụng định dạng 12 hoặc 24 giờ để nhập thời gian, dựa trên ngôn ngữ hệ thống 1 và 2Các thuộc tính chung được hỗ trợ, , và các thuộc tính IDL 7, 8, 9 và 4. giao diện DOM 41Phương pháp 42, 43 và 44Một chuỗi chứa giá trị thời gian được nhập vào đầu vào Bạn có thể đặt giá trị mặc định cho đầu vào bằng cách thêm thời gian hợp lệ vào thuộc tính khi tạo phần tử 5, như vậy 9Ví dụ, bạn cũng có thể lấy và đặt giá trị thời gian trong JavaScript bằng thuộc tính 41 7
7 của đầu vào 6 luôn ở định dạng 24 giờ bao gồm các số 0 ở đầu. 51, bất kể định dạng đầu vào là gì, có khả năng được chọn dựa trên ngôn ngữ của người dùng (hoặc bởi tác nhân người dùng). Nếu thời gian bao gồm giây (xem ), định dạng luôn là 52. Bạn có thể tìm hiểu thêm về định dạng của giá trị thời gian được sử dụng bởi loại đầu vào này trong Định dạng ngày và giờ được sử dụng trong HTMLTrong ví dụ này, bạn có thể xem giá trị của đầu vào thời gian bằng cách nhập thời gian và xem nó thay đổi như thế nào sau đó Đầu tiên, hãy xem HTML. Điều này đủ đơn giản, với nhãn và đầu vào như chúng ta đã thấy trước đây, nhưng với việc thêm phần tử 53 với một 54 để hiển thị giá trị của đầu vào 6________số 8 Mã JavaScript thêm mã vào đầu vào thời gian để theo dõi sự kiện 2, được kích hoạt mỗi khi nội dung của phần tử đầu vào thay đổi. Khi điều này xảy ra, nội dung của 54 được thay thế bằng giá trị mới của phần tử đầu vào 4Khi một biểu mẫu bao gồm đầu vào 6 được gửi, giá trị được mã hóa trước khi được đưa vào dữ liệu của biểu mẫu. Mục nhập dữ liệu của biểu mẫu cho đầu vào thời gian sẽ luôn ở dạng 59 hoặc 60 nếu bao gồm giây (xem )Ngoài các thuộc tính chung cho tất cả các phần tử 5, đầu vào 6 cung cấp các thuộc tính sauGhi chú. Không giống như nhiều loại dữ liệu, giá trị thời gian có miền định kỳ, nghĩa là giá trị đạt đến giá trị cao nhất có thể, sau đó quay lại từ đầu một lần nữa. Ví dụ: chỉ định một 63 của 64 và một 65 của 66 có nghĩa là các giá trị thời gian được phép bắt đầu từ 2. 00 PM, chạy qua nửa đêm đến ngày hôm sau, kết thúc lúc 2. 00 giờ sáng. Xem thêm trong phần của bài viết nàyCác giá trị của thuộc tính danh sách là 67 của một phần tử 68 nằm trong cùng một tài liệu. 68 cung cấp danh sách các giá trị được xác định trước để đề xuất cho người dùng cho đầu vào này. Bất kỳ giá trị nào trong danh sách không tương thích với không được bao gồm trong các tùy chọn được đề xuất. Các giá trị được cung cấp là đề xuất, không phải yêu cầu. người dùng có thể chọn từ danh sách được xác định trước này hoặc cung cấp một giá trị khácMột chuỗi cho biết thời gian mới nhất để chấp nhận, được chỉ định giống như mô tả ở trên. Nếu chuỗi đã chỉ định không phải là thời gian hợp lệ, thì không có giá trị tối đa nào được đặt Một chuỗi chỉ định thời gian sớm nhất để chấp nhận, được đưa ra trong mô tả trước đó. Nếu giá trị được chỉ định không phải là chuỗi thời gian hợp lệ, thì không có giá trị tối thiểu nào được đặt 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, 7 của nó vẫn có thể được thay đổi bằng mã JavaScript trực tiếp đặt thuộc tính 41 7Ghi chú. Vì trường chỉ đọc không thể có giá trị, nên 94 không có bất kỳ ảnh hưởng nào đối với đầu vào với thuộc tính 5 cũng được chỉ địnhThuộc tính 6 là một số chỉ định mức độ chi tiết mà giá trị phải tuân theo hoặc giá trị đặc biệt 97, được mô tả bên dưới. Chỉ các giá trị bằng với cơ sở để bước (nếu được chỉ định, ngược lại và giá trị mặc định phù hợp nếu không có giá trị nào được cung cấp) mới hợp lệGiá trị chuỗi của 97 có nghĩa là không có bước nào được ngụ ý và mọi giá trị đều được phép (không bao gồm các ràng buộc khác, chẳng hạn như và )Ghi chú. Khi dữ liệu do người dùng nhập không tuân theo cấu hình từng bước, tác nhân người dùng có thể làm tròn đến giá trị hợp lệ gần nhất, ưu tiên các số theo hướng dương khi có hai tùy chọn gần bằng nhau Đối với đầu vào 6, giá trị của 6 được tính bằng giây, với hệ số tỷ lệ là 1000 (vì giá trị số cơ bản tính bằng mili giây). Giá trị mặc định của 6 là 60, biểu thị 60 giây (hoặc 1 phút hoặc 60.000 mili giây)Tại thời điểm này, chưa rõ giá trị của 97 có nghĩa là gì đối với 6 khi được sử dụng với đầu vào 6. Điều này sẽ được cập nhật ngay sau khi thông tin đó được xác địnhCách sử dụng đơn giản nhất của 09 bao gồm tổ hợp phần tử cơ bản 5 và 21, như được thấy bên dưới 5 09 không hỗ trợ các thuộc tính định cỡ biểu mẫu như , vì thời gian luôn có cùng số lượng ký tự. Bạn sẽ phải dùng đến CSS cho nhu cầu định cỡBạn có thể sử dụng thuộc tính để thay đổi lượng thời gian đã nhảy bất cứ khi nào thời gian tăng hoặc giảm (ví dụ: thời gian di chuyển 10 phút mỗi lần khi nhấp vào tiện ích mũi tên nhỏ) Ghi chú. Thuộc tính này có một số hiệu ứng lạ trên các trình duyệt, vì vậy không hoàn toàn đáng tin cậy Nó nhận một giá trị số nguyên tương đương với số giây bạn muốn tăng thêm; . Nếu bạn chỉ định giá trị dưới 60 giây (1 phút), đầu vào 6 sẽ hiển thị vùng nhập giây cùng với giờ và phút 6Trong Chrome và Opera, là trình duyệt duy nhất hiển thị mũi tên lặp lại lên/xuống, việc nhấp vào mũi tên sẽ thay đổi giá trị giây thêm hai giây, nhưng không ảnh hưởng đến giờ hoặc phút. Phút (hoặc giờ) chỉ có thể được sử dụng để bước khi bạn chỉ định một số phút (hoặc giờ) tính bằng giây, chẳng hạn như 120 trong 2 phút hoặc 7200 trong 2 giờ) Trong Firefox, không có mũi tên, vì vậy giá trị 6 không được sử dụng. Tuy nhiên, miễn là nó thêm khu vực nhập giây liền kề với phần phútGiá trị các bước dường như không có tác dụng trong Edge Ghi chú. Việc sử dụng 6 dường như khiến quá trình xác thực không hoạt động bình thường (như đã thấy trong phần tiếp theo)Theo mặc định, 09 không áp dụng bất kỳ xác thực nào cho các giá trị đã nhập, ngoại trừ giao diện của tác nhân người dùng thường không cho phép bạn nhập bất kỳ thứ gì ngoài giá trị thời gian. Điều này hữu ích (giả sử đầu vào 6 được tác nhân người dùng hỗ trợ đầy đủ), nhưng bạn không thể hoàn toàn dựa vào giá trị đó để trở thành một chuỗi thời gian thích hợp, vì nó có thể là một chuỗi trống ( 10), được phép. Cũng có thể giá trị trông gần giống như thời gian hợp lệ nhưng không chính xác, chẳng hạn như 11Bạn có thể sử dụng các thuộc tính và để hạn chế thời gian hợp lệ mà người dùng có thể chọn. Trong ví dụ sau, chúng tôi đang đặt thời gian tối thiểu là 14 và thời gian tối đa là 15 9Đây là CSS được sử dụng trong ví dụ trên. Ở đây, chúng tôi sử dụng các thuộc tính CSS 16 và 17 để tạo kiểu cho đầu vào dựa trên việc giá trị hiện tại có hợp lệ hay không. Chúng tôi phải đặt các biểu tượng trên 54 bên cạnh đầu vào chứ không phải trên chính đầu vào vì trong Chrome, nội dung được tạo được đặt bên trong điều khiển biểu mẫu và không thể được tạo kiểu hoặc hiển thị một cách hiệu quả 0Kết quả ở đây là
Đặt tối thiểu và tối đa qua nửa đêmBằng cách đặt một thuộc tính lớn hơn thuộc tính này, phạm vi thời gian hợp lệ sẽ bao gồm khoảng nửa đêm để tạo ra phạm vi thời gian hợp lệ vượt quá nửa đêm. Chức năng này không được hỗ trợ bởi bất kỳ loại đầu vào nào khác. Mặc dù tính năng này vẫn chưa được hỗ trợ phổ biến. Các trình duyệt dựa trên Chrome hỗ trợ nó bắt đầu từ phiên bản 82 và Firefox đã thêm nó vào phiên bản 76. Safari kể từ phiên bản 14. 1 không hỗ trợ này. Hãy chuẩn bị cho tình huống này phát sinh 2Ngoài ra, bạn có thể sử dụng thuộc tính để bắt buộc điền thời gian. Do đó, các trình duyệt hỗ trợ sẽ hiển thị lỗi nếu bạn cố gắng gửi thời gian nằm ngoài giới hạn đã đặt hoặc trường thời gian trống Hãy xem một ví dụ; 1Nếu bạn cố gắng gửi biểu mẫu với thời gian không đầy đủ (hoặc với thời gian nằm ngoài giới hạn đã đặt), trình duyệt sẽ hiển thị lỗi. Hãy thử chơi với ví dụ ngay bây giờ Cảnh báo. Xác thực biểu mẫu HTML không thay thế cho các tập lệnh đảm bảo rằng dữ liệu đã nhập ở định dạng phù hợp. 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ì thảm họa có thể xảy ra khi gửi dữ liệu có định dạng không đúng (hoặc dữ liệu quá lớn, sai loại, v.v.) Như đã đề cập, các phiên bản Safari cũ hơn và một số trình duyệt khác, ít phổ biến hơn, không hỗ trợ nhập thời gian nguyên bản. Mặt khác, nói chung, hỗ trợ là tốt — đặc biệt là trên nền tảng di động, thường có giao diện người dùng rất đẹp để chỉ định giá trị thời gian. Ví dụ: bộ chọn 6 trên Chrome dành cho Android trông như thế nàyCác trình duyệt không hỗ trợ đầu vào thời gian giảm dần thành đầu vào văn bản, nhưng điều này tạo ra các vấn đề cả về tính nhất quán của giao diện người dùng (điều khiển được trình bày sẽ khác) và xử lý dữ liệu Vấn đề thứ hai nghiêm trọng hơn; . Mặt khác, với kiểu nhập văn bản, theo mặc định, trình duyệt không biết thời gian nên ở định dạng nào và có nhiều cách để mọi người viết thời gian, chẳng hạn như
Một cách giải quyết vấn đề này là đặt một thuộc tính vào đầu vào 6 của bạn. Mặc dù đầu vào 6 không sử dụng nó, dự phòng đầu vào 13 sẽ. Ví dụ: hãy thử xem bản trình diễn sau trong trình duyệt không hỗ trợ nhập thời gian 0Nếu thử gửi nó, bạn sẽ thấy rằng các trình duyệt không hỗ trợ hiện hiển thị thông báo lỗi (và đánh dấu đầu vào là không hợp lệ) nếu mục nhập của bạn không khớp với mẫu 14, trong đó 15 là một số từ 0 đến 9. Tất nhiên, điều này không ngăn mọi người nhập thời gian không hợp lệ hoặc thời gian được định dạng không chính xác theo mẫuSau đó, có một vấn đề là người dùng không biết chính xác thời gian dự kiến sẽ ở định dạng nào 0Hiện tại, cách tốt nhất để xử lý thời gian trong các biểu mẫu theo cách đa trình duyệt là yêu cầu người dùng nhập giờ và phút (và giây nếu cần) trong các điều khiển riêng biệt (các yếu tố ___216 là phổ biến; xem bên dưới để biết Trong ví dụ này, chúng tôi tạo hai bộ thành phần giao diện để chọn thời gian. bộ chọn gốc được tạo bằng 09 và một bộ gồm hai phần tử 16 để chọn giờ/phút trong các trình duyệt cũ hơn không hỗ trợ đầu vào gốcHTML trông giống như vậy 2Giá trị giờ và phút cho các phần tử 16 của chúng được tạo động 0Một phần khác của mã có thể được quan tâm là mã phát hiện tính năng — để phát hiện xem trình duyệt có hỗ trợ 09 hay không, chúng tôi tạo một phần tử 5 mới, thử đặt 90 thành 6, sau đó kiểm tra ngay loại của nó được đặt thành — không . Nếu 09 không được hỗ trợ, chúng tôi sẽ ẩn bộ chọn gốc và hiển thị giao diện người dùng bộ chọn dự phòng ( 16s) thay thế
Làm cách nào để tạo thời gian trong HTML?Thẻ . Thuộc tính datetime của phần tử này được sử dụng để dịch thời gian thành định dạng mà máy có thể đọc được để trình duyệt có thể đề xuất thêm lời nhắc ngày thông qua lịch của người dùng và công cụ tìm kiếm có thể tạo ra kết quả tìm kiếm thông minh hơn.
Thời gian có nghĩa là gì trong HTML?&lần có nghĩa là dấu nhân .
Ký hiệu Times trong mã hóa là gì?dấu nhân ( × ) |