Các phần tử của loại tháng tạo các trường đầu vào cho phép người dùng nhập tháng và năm cho phép dễ dàng nhập tháng và năm. …

Bạn đang xem: nhập tháng nhập vào html

& lt; input type =” month “& gt;

& lt; input & gt; phần tử thuộc loại month tạo các trường đầu vào cho phép người dùng nhập một tháng và năm cho phép một tháng và năm được nhập dễ dàng. Giá trị là một chuỗi có giá trị ở định dạng “ YYYY-MM “, trong đó YYYY là năm gồm bốn chữ số và MM là số tháng.

Nhìn chung, giao diện người dùng của điều khiển khác nhau giữa các trình duyệt; tại thời điểm hiện tại, hỗ trợ vẫn còn chắp vá, chỉ có Chrome / Opera và Edge trên máy tính để bàn – và hầu hết các phiên bản trình duyệt dành cho thiết bị di động hiện đại – có các triển khai có thể sử dụng được. Trong các trình duyệt không hỗ trợ đầu vào month , điều khiển sẽ chuyển sang dạng & lt; input type = "text" & gt; đơn giản, mặc dù có thể tự động xác nhận văn bản đã nhập để đảm bảo văn bản được định dạng như mong đợi.

Đối với những người bạn đang sử dụng trình duyệt không hỗ trợ month , ảnh chụp màn hình bên dưới cho thấy giao diện của nó trong Chrome và Opera. Nhấp vào mũi tên xuống ở phía bên phải sẽ hiển thị công cụ chọn ngày cho phép bạn chọn tháng và năm.

Kiểm soát tháng của Microsoft Edge trông giống như sau:

Giá trị Chuỗi DOM đại diện cho một tháng và năm hoặc trống. Sự kiện thay đổi đầu vào Các thuộc tính chung được hỗ trợ < span> autocomplete , list , readonly bước . Thuộc tính IDL giá trị Phương thức select () , stepDown () , stepUp () .

Giá trị

Một Chuỗi DOM đại diện cho giá trị của tháng và năm được nhập vào dữ liệu đầu vào, ở dạng YYYY-MM (năm có bốn chữ số trở lên, sau đó là dấu gạch ngang (” - “), theo sau là tháng có hai chữ số). Định dạng của chuỗi tháng mà loại đầu vào này sử dụng được mô tả ở Định dạng của chuỗi tháng cục bộ hợp lệ trong Định dạng ngày và giờ được sử dụng trong HTML .

Đặt giá trị mặc định

Bạn có thể đặt giá trị mặc định cho điều khiển đầu vào bằng cách bao gồm tháng và năm bên trong thuộc tính value , như sau:

 

& lt;

nhãn

cho

=

"

bday-month

"

& gt;

Bạn sinh vào tháng mấy?

& lt; /

nhãn

& gt;

& lt;

đầu vào

id

=

"

bday-month < p class = "dấu chấm câu"> "

loại

=

"

tháng

"

name

=

" bday-month

"

giá trị

=

"

2001-06

"

& gt;

Một điều cần lưu ý là định dạng ngày tháng được hiển thị khác với giá trị thực tế; hầu hết tác nhân người dùng hiển thị tháng và năm ở dạng phù hợp với ngôn ngữ, dựa trên ngôn ngữ đã đặt của hệ điều hành của người dùng, trong khi ngày giá trị luôn được định dạng yyyy-MM .

Ví dụ: khi giá trị trên được gửi tới máy chủ, nó sẽ giống như bday-month = 1978-06 .

Đặt giá trị bằng JavaScript

Bạn cũng có thể lấy và đặt giá trị ngày trong JavaScript bằng thuộc tính HTMLInputElement.value , ví dụ:

& lt;

nhãn

cho

=

"

bday-month < p class = "dấu chấm câu"> "

& gt;

Bạn sinh vào tháng mấy?

& lt; /

nhãn

& gt;

& lt;

đầu vào

id

=

"

bday-month < p class = "dấu chấm câu"> "

loại

=

"

tháng

"

name

=

" bday-month

"

& gt;

 

var

monthControl

=

document

.

querySelector

(

'input [type = "month"]'

)

;

monthControl

.

value

=

'2001-06'

;

Các thuộc tính bổ sung

Ngoài các thuộc tính chung cho các phần tử & lt; input & gt; , giá trị nhập tháng cung cấp các thuộc tính sau.

danh sách

Các giá trị của thuộc tính list là id của phần tử & lt; datalist & gt; nằm trong cùng một tài liệu. & lt; datalist & gt; cung cấp danh sách các giá trị được xác định trước để đề xuất cho người dùng về đầu vào này. Bất kỳ giá trị nào trong danh sách không tương thích với type đều không được đưa vào các tùy chọn được đề xuất. Các giá trị được cung cấp là gợi ý, 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ác.

tối đa

Năm và tháng mới nhất, ở định dạng chuỗi được thảo luận trong phần Giá trị ở trên, để chấp nhận. Nếu giá trị được nhập vào phần tử vượt quá giá trị này, phần tử không xác thực ràng buộc . Nếu giá trị của thuộc tính max không phải là một chuỗi hợp lệ ở định dạng “ yyyy-MM ” thì phần tử không có giá trị lớn nhất.

Giá trị này phải chỉ định ghép nối năm tháng muộn hơn hoặc bằng giá trị được chỉ định bởi thuộc tính min .

min

Năm và tháng mới nhất để chấp nhận, theo cùng một định dạng “ yyyy-MM ” được mô tả ở trên. Nếu giá trị của phần tử nhỏ hơn giá trị này, phần tử không xác thực ràng buộc . Nếu giá trị được chỉ định cho min không phải là chuỗi năm và tháng hợp lệ, thì đầu vào không có giá trị nhỏ nhất.

Giá trị này phải là cặp năm tháng sớm hơn hoặc bằng giá trị được chỉ định bởi thuộc tính max .

chỉ đọc

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, giá trị của nó vẫn có thể được thay đổi từ mã JavaScript đặt trực tiếp giá trị của HTMLInputElement.value thuộc tính.

Lưu ý: Vì trường chỉ đọc không thể có giá trị, nên bắt buộc không có bất kỳ ảnh hưởng nào đến các đầu vào có chỉ đọc cũng được chỉ định.

step

Thuộc tính step 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 bất kỳ nào được mô tả bên dưới. Chỉ các giá trị bằng với cơ sở cho bước ( min nếu được chỉ định, nếu không thì value và giá trị mặc định thích hợp giá trị nếu không có giá trị nào được cung cấp) đều hợp lệ.

Giá trị chuỗi bất kỳ có nghĩa là không có bước nào được ngụ ý và bất kỳ giá trị nào cũng được phép (trừ các ràng buộc khác, chẳng hạn như min < / code> và max ).

Lưu ý: Khi dữ liệu do người dùng nhập không tuân theo cấu hình 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 chiều dương khi có hai tùy chọn gần giống nhau.

Đối với tháng đầu vào, giá trị của bước được đưa ra theo tháng, với hệ số tỷ lệ là 1 (vì giá trị số cơ bản cũng tính theo tháng). Giá trị mặc định của step là 1 tháng.

Sử dụng đầu vào tháng

Đầu vào liên quan đến ngày (bao gồm tháng ) thoạt nghe có vẻ thuận tiện; họ hứa hẹn một giao diện người dùng dễ dàng để chọn ngày và họ chuẩn hóa định dạng dữ liệu được gửi đến máy chủ, bất kể ngôn ngữ của người dùng. Tuy nhiên, có vấn đề với & lt; input type = "month" & gt; vì tại thời điểm này, nhiều trình duyệt chính chưa hỗ trợ.

Chúng ta sẽ xem xét các cách sử dụng cơ bản và phức tạp hơn của & lt; input type = "month" & gt; , sau đó đưa ra lời khuyên về cách giảm thiểu sự cố hỗ trợ trình duyệt trong phần Xử lý hỗ trợ trình duyệt ).

Công dụng cơ bản của tháng

Việc sử dụng & lt; input type = "month" & gt; đơn giản nhất bao gồm & lt; input & gt; & lt; label & gt; kết hợp phần tử, như được thấy bên dưới:

 

& lt;

biểu mẫu

& gt;

& lt;

nhãn

cho

=

"

bday-month < p class = "dấu chấm câu"> "

& gt;

Bạn sinh vào tháng mấy?

& lt; /

nhãn

& gt;

& lt;

đầu vào

id

=

"

bday-month < p class = "dấu chấm câu"> "

loại

=

"

tháng

"

name

=

" bday-month

"

& gt;

& lt; /

biểu mẫu

& gt;

Bạn có thể sử dụng các thuộc tính min max để hạn chế phạm vi ngày mà người dùng có thể chọn . Trong ví dụ sau, chúng tôi chỉ định tháng tối thiểu là 1900-01 và tháng tối đa là 2013-12 :

 

& lt;

biểu mẫu

& gt;

& lt;

nhãn

cho

=

"

bday-month < p class = "dấu chấm câu"> "

& gt;

Bạn sinh vào tháng mấy?

& lt; /

nhãn

& gt;

& lt;

đầu vào

id

=

"

bday-month < p class = "dấu chấm câu"> "

loại

=

"

tháng

"

name

=

" bday-month

"

min

=

"

1900-01

"

max

=

"

2013-12

"

& gt;

& lt; /

biểu mẫu

& gt;

Kết quả ở đây là:

  • Chỉ có thể chọn các tháng từ tháng 1 năm 1900 đến tháng 12 năm 2013; không thể cuộn đến các tháng nằm ngoài phạm vi đó trong kiểm soát.
  • Tùy thuộc vào trình duyệt bạn đang sử dụng, bạn có thể thấy rằng các tháng nằm ngoài phạm vi đã chỉ định có thể không được chọn trong bộ chọn tháng (ví dụ: Edge) hoặc không hợp lệ (xem Xác thực) nhưng vẫn khả dụng (ví dụ: Chrome).

Kiểm soát kích thước đầu vào

& lt; input type = "month" & gt; không hỗ trợ các thuộc tính định kích thước biểu mẫu như size . Bạn sẽ phải sử dụng đến CSS cho nhu cầu định cỡ.

Xác thực

Theo mặc định, & lt; input type = "month" & gt; không áp dụng bất kỳ xác thực nào cho các giá trị đã nhập. Việc triển khai giao diện người dùng thường không cho phép bạn nhập bất kỳ thứ gì không phải là ngày - điều này rất hữu ích - nhưng bạn vẫn có thể gửi biểu mẫu với đầu vào tháng trống hoặc nhập ngày không hợp lệ (ví dụ: Ngày 32 tháng 4).

Để tránh điều này, bạn có thể sử dụng min max để hạn chế ngày (xem phần Đặt ngày tối đa và tối thiểu ) và ngoài ra, hãy sử dụng thuộc tính bắt buộc để khiến việc điền ngày bắt buộc. Do đó, các trình duyệt hỗ trợ sẽ hiển thị lỗi nếu bạn cố gắng gửi một ngày nằm ngoài giới hạn đã đặt hoặc trường ngày trống.

Hãy xem một ví dụ; ở đây, chúng tôi đã đặt ngày tối thiểu và tối đa, đồng thời đặt trường bắt buộc:

 

& lt;

biểu mẫu

& gt;

& lt;

div

& gt; < / p>

& lt;

nhãn

cho

=

"

tháng

"

& gt;

Bạn muốn đến thăm vào tháng nào (tháng 6 đến tháng 9)?

& lt; /

nhãn

& gt;

& lt;

đầu vào

id

=

"

tháng

"

loại

=

"

tháng

"

name

=

"

tháng

"

min

=

"

2022-06

"

max

=

"

2022-09

"

bắt buộc

& gt;

& lt;

span

lớp

=

"

tính hợp lệ

"

& gt;

& lt; /

span

& gt;

& lt; /

div

& gt;

& lt;

div

& gt; < / p>

& lt;

đầu vào

loại

=

"

đệ trình

"

value

=

"

Gửi biểu mẫu

"

& gt;

& lt; /

div

& gt;

& lt; /

biểu mẫu

& gt;

Nếu bạn cố gắng gửi biểu mẫu mà không có cả tháng và năm được chỉ định (hoặc với ngày 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ờ:

Đây là ảnh chụp màn hình cho những bạn không sử dụng trình duyệt hỗ trợ:

Đây là CSS được sử dụng trong ví dụ trên. Tại đây, chúng tôi sử dụng : valid vàThuộc tính CSS : invalid để tạo kiểu đầ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 & lt; span & gt; bên cạnh mục nhập, không phải trên chính mục nhập, 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ả.

 

div

{

margin-bottom

:

10px

;

vị trí

:

tương đối

;

}

input [type = "number"]

{

width

:

100px

;

}

input + span

{

padding-right

:

30px

;

}

input: invalid + span: after

{

vị trí

:

tuyệt đối

;

nội dung

:

'✖'

;

padding-left

:

5px

;

}

input: valid + span: after

{

vị trí

:

tuyệt đối

;

nội dung

:

'✓'

;

padding-left

:

5px

;

}

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 thích 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. Ai đó cũng có thể bỏ qua hoàn toàn HTML của bạ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 dữ liệu được định dạng không đúng được gửi (hoặc dữ liệu quá lớn, không đúng loại, v.v.).

Xử lý hỗ trợ trình duyệt

Như đã đề cập ở trên, vấn đề chính khi sử dụng đầu vào ngày tháng tại thời điểm viết bài là nhiều trình duyệt chính chưa triển khai tất cả chúng; chỉ Chrome / Opera và Edge hỗ trợ nó trên máy tính để bàn và hầu hết các trình duyệt hiện đại trên thiết bị di động. Ví dụ: bộ chọn tháng trên Chrome dành cho Android trông giống như sau:

Các trình duyệt không hỗ trợ làm giảm khả năng nhập văn bản một cách dễ dàng, nhưng điều này tạo ra vấn đề cả về tính nhất quán của giao diện người dùng (kiểm soát được trình bày sẽ khác) và xử lý dữ liệu.

Vấn đề thứ hai là vấn đề nghiêm trọng hơn trong cả hai. Như đã đề cập trước đó, với đầu vào month , giá trị thực luôn được chuẩn hóa thành định dạng yyyy-mm . Mặt khác, trong cấu hình mặc định của nó, đầu vào text không có ý tưởng về định dạng ngày tháng và đây là một vấn đề do số lượng các cách khác nhau để mọi người viết ngày tháng. Ví dụ:

  • mmyyyy (072022)
  • mm / yyyy (07/2022)
  • mm-yyyy (07-2022)
  • yyyy-mm (2022-07)
  • Tháng yyyy (tháng 7 năm 2022)
  • ..., v.v..

Một cách giải quyết vấn đề này là đặt < thuộc tính code> pattern trên đầu vào tháng của bạn. Ngay cả khi đầu vào month không sử dụng nó, nếu trình duyệt quay lại xử lý nó như một đầu vào text , thì mẫu sẽ được sử dụng. Ví dụ: hãy thử xem bản trình diễn sau trong trình duyệt không hỗ trợ đầu vào tháng :

 

& lt;

biểu mẫu

& gt;

& lt;

div

& gt; < / p>

& lt;

nhãn

cho

=

"

tháng

"

& gt;

Bạn muốn đến thăm vào tháng nào (từ tháng 6 đến tháng 9)?

& lt; / nhãn

& gt;

& lt;

đầu vào

id

=

"

tháng

"

loại

=

"

tháng

"

name

=

"

tháng

"

min

=

"

2022-06

"

max

=

"

2022-09

"

bắt buộc

pattern

=

"

[0-9] {4} - [0-9] {2}

"

& gt;

& lt;

span

lớp

=

"

tính hợp lệ

"

& gt;

& lt; /

span

& gt;

& lt; /

div

& gt;

& lt;

div

& gt; < / p>

& lt;

đầu vào

loại

=

"

đệ trình

"

value

=

"

Gửi biểu mẫu

"

& gt;

& lt; /

div

& gt;

& lt; /

biểu mẫu

& gt;

Nếu bạn thử gửi nó, bạn sẽ thấy rằng trình duyệt 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 nnnn-nn , trong đó n 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 ngày không hợp lệ (chẳng hạn như 0000-42 ) hoặc không chính xác ngày được định dạng tuân theo mẫu.

Cũng có một vấn đề là người dùng không nhất thiết phải biết định dạng ngày nào trong số nhiều định dạng ngày được mong đợi. Chúng tôi còn việc phải làm.

Cách tốt nhất để xử lý ngày tháng trong biểu mẫu theo cách trình duyệt chéo (cho đến khi tất cả các trình duyệt chính đã hỗ trợ chúng một thời gian) là yêu cầu người dùng nhập tháng và năm trong các điều khiển riêng biệt ( & lt; select & gt; phần tử đang phổ biến; xem bên dưới để triển khai) hoặc sử dụng các thư viện JavaScript như jQuery date picker plugin.

Ví dụ

Trong ví dụ này, chúng tôi tạo hai tập hợp các phần tử giao diện người dùng, mỗi phần tử được thiết kế để cho phép người dùng chọn một tháng và năm. Đầu tiên là đầu vào tháng gốc và đầu vào còn lại là một cặp phần tử & lt; select & gt; cho phép chọn tháng và năm một cách độc lập, để tương thích với các trình duyệt chưa hỗ trợ & lt; input type = "month" & gt; .

HTML

Biểu mẫu yêu cầu tháng và năm trông giống như sau:

 

& lt ;

biểu mẫu

& gt;

& lt;

div

class

=

"

nativeDatePicker

"

& gt;

& lt;

nhãn

cho

=

"

tháng-ghé thăm

"

< p class = "dấu chấm câu"> & gt;

Bạn muốn đến thăm chúng tôi vào tháng nào?

& lt; /

nhãn

& gt;

& lt;

đầu vào

loại

=

"

tháng

"

id

=

"

tháng-lần ghé thăm

"

name

=

" tháng-thăm

"

& gt;

& lt;

span

lớp

=

"

tính hợp lệ

"

& gt;

& lt; /

span

& gt;

& lt; /

div

& gt;

& lt;

p

lớp

=

"

dự phòngLabel

"

& gt;

Bạn muốn đến thăm chúng tôi vào tháng mấy?

& lt; /

p

& gt;

& lt;

div

class

=

"

fallbackDatePicker

"

& gt;

& lt;

div

& gt; < / p>

& lt;

span

& gt; < / p>

& lt;

nhãn

cho

=

"

tháng

"

& gt;

Tháng:

& lt; /

nhãn

& gt;

& lt;

chọn

id

=

"

tháng

"

tên

=

"

tháng

"

& gt;

& lt;

tùy chọn

được chọn

& gt;

Tháng 1

& lt; /

tùy chọn

& gt;

& lt;

tùy chọn

& gt; < / p>

Tháng 2

& lt; /

tùy chọn

& gt;

& lt;

tùy chọn

& gt; < / p>

Tháng 3

& lt; /

tùy chọn

& gt;

& lt;

tùy chọn

& gt; < / p>

Tháng 4

& lt; /

tùy chọn

& gt;

& lt;

tùy chọn

& gt;

Tháng 5 < p class = "thẻ mã thông báo">

& lt; /

tùy chọn

& gt; < / p>

& lt;

tùy chọn

& gt; < / p>

Tháng 6

& lt; /

tùy chọn

& gt;

& lt;

tùy chọn

& gt; < / p>

Tháng 7

& lt; /

tùy chọn

& gt;

& lt;

tùy chọn

& gt; < / p>

Tháng 8

& lt; /

tùy chọn

& gt;

& lt;

tùy chọn

& gt; < / p>

Tháng 9

& lt; /

tùy chọn

& gt;

& lt;

tùy chọn

& gt; < / p>

Tháng 10

& lt; /

tùy chọn

& gt;

& lt;

tùy chọn

& gt; < / p>

& lt; /

tùy chọn

& gt;

& lt;

tùy chọn

& gt; < / p>

Tháng 12

& lt; /

tùy chọn

& gt;

& lt; /

chọn

& gt;

& lt; /

span

& gt;

& lt;

span

& gt; < / p>

& lt;

nhãn

cho

=

"

năm

"

& gt;

Năm:

& lt; /

nhãn

& gt;

& lt;

chọn

id

=

"

năm

"

tên

=

"

năm

"

& gt;

& lt; /

chọn

& gt;

& lt; /

span

& gt;

& lt; /

div

& gt;

& lt; /

div

& gt;

& lt; /

biểu mẫu

& gt;

& lt; div & gt; với ID nativeDatePicker sử dụng loại đầu vào tháng để yêu cầu tháng và năm, trong khi & lt; div & gt; với ID fallbackDatePicker thay vào đó sử dụng một cặp phần tử & lt; select & gt; . Đầu tiên yêu cầu tháng và thứ hai yêu cầu năm.

& lt; select & gt; để chọn tháng được mã hóa cứng với tên của các tháng, vì chúng không thay đổi (không bản địa hóa được). Danh sách các giá trị năm khả dụng được tạo động tùy thuộc vào năm hiện tại (xem phần nhận xét mã bên dưới để biết giải thích chi tiết về cách hoạt động của các chức năng này).

JavaScript

Mã JavaScript xử lý việc lựa chọn phương pháp tiếp cận để sử dụng và thiết lập danh sách năm để đưa vào năm không phải gốc & lt; select & gt; sau.

một phần của ví dụ có thể được quan tâm nhất là mã phát hiện tính năng. Để phát hiện xem trình duyệt có hỗ trợ & lt; input type = "month" & gt; hay không, chúng tôi tạo một phần tử & lt; input & gt; mới, thử đặt type thành tháng , sau đó kiểm tra ngay loại của nó được đặt thành. Các trình duyệt không hỗ trợ loại tháng sẽ trả về text , vì đó là Tháng thứ rơi vào thời điểm không được hỗ trợ. Nếu & lt; input type = "month" & gt; không được hỗ trợ, chúng tôi ẩn bộ chọn gốc và thay vào đó hiển thị giao diện người dùng bộ chọn dự phòng.

var

nativePicker

=

document

.

querySelector

(

'. nativeDatePicker'

) < / p>

;

var

fallbackPicker

=

document

.

querySelector

(

'. fallbackDatePicker'

) < / p>

;

var

fallbackLabel

=

document

.

querySelector

(

'. fallbackLabel'

) < / p>

;

var

year Chọn

=

document

.

querySelector

(

'# năm'

) < / p>

;

var

month Chọn

=

document

.

querySelector

(

'# tháng'

) < / p>

;

FallbackPicker

.

style

.

display

=

'không có'

;

dự phòng chuỗi mã thông báo "> 'không có'

;

var

test

=

document

.

createElement

(

'đầu vào'

)

;

thử

{

kiểm tra

.

type

=

'tháng'

;

}

bắt

(

e

)

{

bảng điều khiển

.

nhật ký

(

e

.

mô tả

)

;

}

nếu

(

kiểm tra

.

loại

===

'văn bản'

)

{

bản địa chuỗi mã thông báo "> 'không có'

;

FallbackPicker

.

style

.

display

=

'khối'

;

dự phòng chuỗi mã thông báo "> 'khối'

;

populateYears

(

)

;

}

function

populateYears

(

)

{

var

date

=

new

Ngày

(

)

;

var

year

=

date

.

getFullYear

(

)

;

cho

(

giá trị

trong

=

0

;

i

& lt; = < / p>

100

;

i

++

)

{

var

option

=

document

.

createElement

(

'tùy chọn'

)

p>

;

tùy chọn

.

textContent

=

year

-

i

;

yearSelect

.

appendChild

(

tùy chọn

)

;

}

}

Lưu ý: Hãy nhớ rằng một số năm có 53 tuần trong đó (xem Tuần mỗi năm )! Bạn sẽ cần cân nhắc điều này khi phát triển ứng dụng sản xuất.

Thông số kỹ thuật

Khả năng tương thích của trình duyệt

Máy tính để bàn
Di động

Trình duyệt Chrome
Bờ rìa
Firefox
trình duyệt web IE
Opera
Cuộc đi săn
WebView Android
Chrome Android
Firefox dành cho Android
Nó vận hành Android
Safari trên iOS
Internet Samsung

tháng

20

12

Không

Xem lỗi 888320

Không

11

Không

Loại đầu vào được công nhận, nhưng không có kiểm soát cụ thể theo tháng. Xem bug 200416

18

Xem thêm

© 2005–2021 cộng tác viên MDN.
Được cấp phép theo Giấy phép Creative Commons Attribution-ShareAlike v2.5 trở lên.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month


Xem thêm những thông tin liên quan đến chủ đề loại đầu vào tháng trong html

Tự học HTML và code ra cái web đơn giản trong 15 phút

  • Tác giả: Phạm Huy Hoàng
  • Ngày đăng: 2021-06-07
  • Đánh giá: 4 ⭐ ( 9766 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Như đã hứa với các bạn, mình sẽ dần dần ra mắt các vlog trong series "Trở thành Phun Sờ Nắc sau 3 tiếng".
    Vlog đầu tiên sẽ hướng dẫn các bạn một ngôn ngữ hết sức cơ bản để xây dựng trang web - HTML (Đọc là Hát Tê Mờ Lờ hoặc Ét Tê Em Eo đều được nhé).
    Tụi mình cũng sẽ code một trang web siêu siêu đơn giản nha.

    Danh sách khoá học của Cybersoft: https://bit.ly/codedao-cyber
    Tư vấn khoá học free Cybersoft: https://fb.com/lophocviet
    Nhớ nói được anh Hoàng giới thiệu để được nhận ưu đãi nhé hihi.

    Nhớ subscribe cho mình nhe: https://bit.ly/codedaotube

    Học xong các bạn có thể xem thêm các phần sau:
    - Học HTML trong 15 phút: https://youtu.be/jSyH0HxKQPY
    - Học CSS trong 15 phút: https://youtu.be/DUwx3IdXupU
    - Học JS trong 15 phút https://youtu.be/watch?v=ZIgDYEZl1VE
    - Kết hợp HTML CSS JS https://youtu.be/watch?v=JL2o5qixOPI
    - Code 4 dự án HTML CSS JS https://youtu.be/watch?v=YtYcYRsODmI

    Timestamp:
    00:00 Bắt đầu vlog
    01:30 Giới thiệu ngôn ngữ HTML
    04:20 Bắt đầu viết code HTML, các tag hiển thị thông tin
    09:40 HTML Form, lấy thông tin từ người dùng
    11:25 Tự code web giới thiệu bản thân
    13:30 Giới thiệu CSS kì sau

    Channel Tôi Đi Code Dạo là nơi mình chia sẻ những kiến thức, kinh nghiệm về ngành lập trình mà mình đạt được trong quá trình làm việc. Những kiến thức này sẽ biến các bạn từ một coder trở thành developer - lập trình viên thứ thiệt.
    Nhớ ghé thăm và subscribe channel để xem clip mới vào 8H TỐI T3 hàng tuần nha!

    Ghé thăm mình tại:
    Blog: https://toidicodedao.com/
    Fanpage: https://www.facebook.com/toidicodedao/

    html code_cung_code_dao hoc_html_15_phut

[Tự học HTML] Các Input Types trong HTML

  • Tác giả: cafedev.vn
  • Đánh giá: 5 ⭐ ( 4043 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài này chúng ta sẽ tìm hiểu về một số phần tử input trong form của HTML

Nhập khẩu ngô các loại trong 5 tháng đạt trên 3,59 triệu tấn

  • Tác giả: dautuvakinhdoanh.vn
  • Đánh giá: 3 ⭐ ( 4479 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 5 tháng đầu năm 2022, nhập khẩu ngô các loại đạt trên 3,59 triệu tấn, trị giá gần 1,24 triệu USD, giá trung bình 344 USD/tấn, giảm 17,8% về lượng, nhưng tăng 8,7% kim ngạch và tăng mạnh 32,3% về giá so với cùng kỳ năm 2021.

Các loại dữ liệu đầu vào của phần tử input trong HTML

  • Tác giả: 1ty.vn
  • Đánh giá: 3 ⭐ ( 7449 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết giới thiệu các kiểu dữ liệu đầu vào cho phần tử input.

  • Tác giả: moit.gov.vn
  • Đánh giá: 5 ⭐ ( 8831 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Cách nhận loại đầu vào HTML 5 = Ngày hẹn hò làm việc trong Firefox và / hoặc IE 10

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 9897 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Bạn có thể thử webshims , có sẵn trên cdn + chỉ tải polyfill, nếu cần.…

Bài 27: Các kiểu Input trong HTML

  • Tác giả: timoday.edu.vn
  • Đánh giá: 5 ⭐ ( 5941 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Giới thiệu tất cả các kiểu input trong html và html5 như textbox, checkbox, radiobutton, button, submit, password, datetime, url, tel, month, week, color

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  TMA Solutions tuyển dụng việc làm IT chất nhất - binkabi

By ads_php