Javascript kiểm tra dòng textarea
Ví dụĐiều khiển nhập văn bản nhiều dòng (vùng văn bản) Đánh giá về W3Schools Tự mình thử »Thêm các ví dụ "Tự mình thử" bên dưới Định nghĩa và cách sử dụng 1 2 3 Phần tử HTML 4 đại diện cho một điều khiển chỉnh sửa văn bản thuần túy nhiều dòng, hữu ích khi bạn muốn cho phép người dùng nhập một lượng lớn văn bản dạng tự do, ví dụ: nhận xét về biểu mẫu đánh giá hoặc phản hồiVí dụ trên minh họa một số tính năng của 4
Phần tử 4 cũng chấp nhận một số thuộc tính phổ biến để tạo thành các 8, chẳng hạn như 9, 0, 1, 2, 3 và 4Phần tử này bao gồm các thuộc tính toàn cục Thuộc tính này cho biết giá trị của điều khiển có thể được trình duyệt tự động hoàn thành hay không. giá trị có thể là
Nếu thuộc tính 9 không được chỉ định trên phần tử 4, thì trình duyệt sẽ sử dụng giá trị thuộc tính 9 của chủ sở hữu biểu mẫu của phần tử 4. Chủ sở hữu biểu mẫu là phần tử 62 mà phần tử 4 này là hậu duệ của phần tử biểu mẫu có 6 được chỉ định bởi thuộc tính 65 của phần tử đầu vào. Để biết thêm thông tin, hãy xem thuộc tính trong 62 phi tiêu chuẩnMột chuỗi cho biết có kích hoạt sửa lỗi chính tả tự động và xử lý thay thế văn bản (nếu có được định cấu hình) trong khi người dùng đang chỉnh sửa 69 này. giá trị được phép là 7Bật tính năng tự động sửa lỗi chính tả và thay thế văn bản 6Tắt tự động sửa lỗi chính tả và thay thế văn bản Thuộc tính Boolean này cho phép bạn chỉ định rằng điều khiển biểu mẫu phải có tiêu điểm đầu vào khi tải trang. Chỉ một phần tử liên kết với biểu mẫu trong tài liệu có thể có thuộc tính này được chỉ định Chiều rộng hiển thị của điều khiển văn bản, tính theo chiều rộng ký tự trung bình. Nếu nó được chỉ định, nó phải là một số nguyên dương. Nếu nó không được chỉ định, giá trị mặc định là 24Thuộc tính Boolean này chỉ ra rằng người dùng không thể tương tác với điều khiển. Nếu thuộc tính này không được chỉ định, điều khiển sẽ kế thừa cài đặt của nó từ phần tử chứa, ví dụ: 26; Phần tử biểu mẫu mà phần tử 4 được liên kết với ("chủ sở hữu biểu mẫu"). Giá trị của thuộc tính phải là 6 của thành phần biểu mẫu trong cùng một tài liệu. Nếu thuộc tính này không được chỉ định, phần tử 4 phải là phần tử con của phần tử biểu mẫu. Thuộc tính này cho phép bạn đặt các phần tử 4 ở bất kỳ đâu trong tài liệu, không chỉ là phần tử con của các phần tử biểu mẫuSố ký tự tối đa (đơn vị mã UTF-16) mà người dùng có thể nhập. Nếu giá trị này không được chỉ định, người dùng có thể nhập số lượng ký tự không giới hạn Số ký tự tối thiểu (đơn vị mã UTF-16) mà người dùng phải nhập Tên của điều khiển Một gợi ý cho người dùng về những gì có thể được nhập trong điều khiển. Việc xuống dòng hoặc xuống dòng trong văn bản giữ chỗ phải được coi là ngắt dòng khi hiển thị gợi ý Note: Placeholders should only be used to show an example of the type of data that should be entered into a form; they are not a substitute for a proper 0 element tied to the input. See in : The Input (Form Input) element for a full explanation.Thuộc tính Boolean này chỉ ra rằng người dùng không thể sửa đổi giá trị của điều khiển. Không giống như thuộc tính 1, thuộc tính 3 không ngăn người dùng nhấp hoặc chọn trong điều khiển. Giá trị của điều khiển chỉ đọc vẫn được gửi cùng với biểu mẫuThuộc tính này chỉ định rằng người dùng phải điền vào một giá trị trước khi gửi biểu mẫu Số lượng dòng văn bản hiển thị cho điều khiển. Nếu nó được chỉ định, nó phải là một số nguyên dương. Nếu nó không được chỉ định, giá trị mặc định là 2 Chỉ định liệu 4 có thể được kiểm tra chính tả bởi trình duyệt/OS cơ bản hay không. Giá trị có thể là
Cho biết cách kiểm soát sẽ bao bọc giá trị để gửi biểu mẫu. giá trị có thể là
Nếu thuộc tính này không được chỉ định, thì 42 là giá trị mặc định của nó 4 là một phần tử được thay thế — nó có kích thước bên trong, giống như hình ảnh raster. Theo mặc định, giá trị 61 của nó là 62. So với các phần tử biểu mẫu khác, nó tương đối dễ tạo kiểu, với mô hình hộp, phông chữ, cách phối màu, v.v. dễ dàng thao tác bằng CSS thông thườngTạo kiểu cho các biểu mẫu HTML cung cấp một số mẹo hữu ích về tạo kiểu cho các 4Thông số kỹ thuật HTML không xác định vị trí của đường cơ sở của 4, vì vậy các trình duyệt khác nhau đặt nó ở các vị trí khác nhau. Đối với Gecko, đường cơ sở của 4 được đặt trên đường cơ sở của dòng đầu tiên của vùng văn bản, trên một trình duyệt khác, nó có thể được đặt ở dưới cùng của hộp 4. Không sử dụng 67____568 trên đó; Trong hầu hết các trình duyệt, 4 có thể thay đổi kích thước — bạn sẽ nhận thấy thanh kéo ở góc bên phải, có thể được sử dụng để thay đổi kích thước của phần tử trên trang. Điều này được kiểm soát bởi thuộc tính CSS 40 — tính năng thay đổi kích thước được bật theo mặc định, nhưng bạn có thể vô hiệu hóa nó một cách rõ ràng bằng cách sử dụng giá trị 40 của 42 0Các giá trị hợp lệ và không hợp lệ của phần tử 4 (e. g. những thứ bên trong và bên ngoài giới hạn được đặt bởi 14, 13 hoặc 4) có thể được đánh dấu bằng cách sử dụng các lớp giả 47 và 48. Ví dụ: để cung cấp cho vùng văn bản của bạn một đường viền khác tùy thuộc vào việc nó hợp lệ hay không hợp lệ
Ví dụ sau đây cho thấy một vùng văn bản rất đơn giản, với số lượng hàng và cột đã đặt và một số nội dung mặc định
Ví dụ này có số ký tự tối thiểu và tối đa — lần lượt là 10 và 20. Hãy thử nó và xem 6Lưu ý rằng 14 không ngăn người dùng xóa các ký tự để số đã nhập vượt quá mức tối thiểu, nhưng nó làm cho giá trị được nhập vào 4 không hợp lệ. Cũng xin lưu ý rằng ngay cả khi bạn có bộ giá trị 14 (ví dụ: 3), một giá trị 4 trống vẫn được coi là hợp lệ trừ khi bạn cũng có bộ thuộc tính 4Ví dụ này có một bộ giữ chỗ. Lưu ý cách nó biến mất khi bạn bắt đầu nhập vào hộp 2Note: Placeholders should only be used to show an example of the type of data that should be entered into a form; they are not a substitute for a proper 0 element tied to the input. See in : The Input (Form Input) element for a full explanation.Ví dụ này hiển thị hai 4 — một trong số đó là 1 và một trong số đó là 3. Hãy chơi với cả hai và bạn sẽ thấy sự khác biệt trong hành vi — phần tử 1 không thể chọn theo bất kỳ cách nào (và giá trị của nó không được gửi), trong khi phần tử 3 có thể chọn và nội dung của nó có thể sao chép được (và giá trị của nó được gửi) Ghi chú. Trong các trình duyệt khác ngoài Firefox, chẳng hạn như chrome, nội dung vùng văn bản 1 có thể được chọn và sao chép được 1Thể loại nội dung, , , , , , và phần tử. Nội dung được phép Bỏ sót thẻ văn bảnKhông có, cả thẻ bắt đầu và thẻ kết thúc đều bắt buộc. Cha mẹ được phép Bất kỳ phần tử nào chấp nhận. Vai trò ARIA ngầm định 11Các vai trò ARIA được phépKhông có 12được phépGiao diện DOM____013 |