Đầu vào phản ứng-bootstrap

Thành phần

  
  Allow us to contact you?
  Yo this is required

1 hiển thị điều khiển biểu mẫu với kiểu dáng Bootstrap. Thành phần

  
  Allow us to contact you?
  Yo this is required

1 bao bọc điều khiển biểu mẫu với khoảng cách phù hợp, cùng với hỗ trợ cho nhãn, văn bản trợ giúp và trạng thái xác thực. Để đảm bảo khả năng truy cập, hãy đặt

  
  Allow us to contact you?
  Yo this is required

3 trên

  
  Allow us to contact you?
  Yo this is required

1 và sử dụng

  
  Allow us to contact you?
  Yo this is required

1 cho nhãn

Trạng thái đầu vào

Các trạng thái có thể được áp dụng cho tất cả các loại đầu vào

Mẫu phản hồi

Đạo cụ

  
  Allow us to contact you?
  Yo this is required

6 và

  
  Allow us to contact you?
  Yo this is required

0 có thể được thêm vào các điều khiển biểu mẫu để áp dụng các kiểu xác thực theo cách thủ công

Đầu vào lớn

Sử dụng chỗ dựa

  
  Allow us to contact you?
  Yo this is required

1 trên

  
  Allow us to contact you?
  Yo this is required

2 và lớp

  
  Allow us to contact you?
  Yo this is required

3 để thay đổi kích thước của đầu vào và nhãn tương ứng

Chỉ đọc

Thêm giá trị

  
  Allow us to contact you?
  Yo this is required

4 vào đầu vào để ngăn việc sửa đổi giá trị của đầu vào. Đầu vào chỉ đọc có vẻ nhẹ hơn [giống như đầu vào bị vô hiệu hóa], nhưng vẫn giữ nguyên con trỏ tiêu chuẩn

Văn bản thuần túy chỉ đọc

Nếu bạn muốn có các phần tử chỉ đọc trong biểu mẫu của mình được tạo kiểu dưới dạng văn bản thuần túy, hãy sử dụng giá trị

  
  Allow us to contact you?
  Yo this is required

5 trên FormControls để xóa kiểu dáng trường biểu mẫu mặc định và giữ nguyên lề và phần đệm chính xác

Cách trình bày

FormControl và FormCheck đều áp dụng

  
  Allow us to contact you?
  Yo this is required

6 với

  
  Allow us to contact you?
  Yo this is required

7 cho các điều khiển, nghĩa là chúng xếp chồng lên nhau theo chiều dọc theo mặc định. Các thành phần và đạo cụ bổ sung có thể được sử dụng để thay đổi bố cục này trên cơ sở mỗi biểu mẫu

Nhóm biểu mẫu

Thành phần

  
  Allow us to contact you?
  Yo this is required

8 là cách dễ nhất để thêm một số cấu trúc vào biểu mẫu. Nó cung cấp một vùng chứa linh hoạt để nhóm các nhãn, điều khiển, văn bản trợ giúp tùy chọn và thông báo xác thực biểu mẫu. Theo mặc định, nó chỉ áp dụng lề dưới, nhưng nó chọn các kiểu bổ sung trong

khi cần thiết. Sử dụng nó với

  
  Allow us to contact you?
  Yo this is required

9,

  
  Allow us to contact you?
  Yo this is required

00 hoặc gần như bất kỳ phần tử nào khác

Bạn cũng thêm giá đỡ

  
  Allow us to contact you?
  Yo this is required

3 để có thể kết nối nhãn lồng nhau và đầu vào với nhau thông qua

  
  Allow us to contact you?
  Yo this is required

02

lưới biểu mẫu

Các biểu mẫu phức tạp hơn có thể được tạo bằng cách sử dụng các thành phần lưới. Sử dụng những thứ này cho bố cục biểu mẫu yêu cầu nhiều cột, độ rộng khác nhau và các tùy chọn căn chỉnh bổ sung

hàng biểu mẫu

Bạn cũng có thể hoán đổi

  
  Allow us to contact you?
  Yo this is required

1 cho

  
  Allow us to contact you?
  Yo this is required

1, một biến thể của hàng lưới tiêu chuẩn ghi đè lên các rãnh cột mặc định để có bố cục chặt chẽ và gọn gàng hơn

Bố cục phức tạp hơn cũng có thể được tạo bằng hệ thống lưới

dạng ngang

Tạo biểu mẫu ngang với lưới bằng cách thêm

  
  Allow us to contact you?
  Yo this is required

05 để tạo nhóm và sử dụng để chỉ định chiều rộng của nhãn và điều khiển của bạn. Đảm bảo thêm cả giá đỡ

  
  Allow us to contact you?
  Yo this is required

06 vào

  
  Allow us to contact you?
  Yo this is required

07 của bạn để chúng được căn giữa theo chiều dọc với các điều khiển biểu mẫu được liên kết của chúng

Đôi khi, bạn có thể cần sử dụng các tiện ích lề hoặc đệm để tạo sự căn chỉnh hoàn hảo mà bạn cần. Ví dụ: chúng tôi đã thêm

  
  Allow us to contact you?
  Yo this is required

08 vào nhãn đầu vào radio xếp chồng lên nhau để căn chỉnh đường cơ sở văn bản tốt hơn

Định cỡ nhãn dạng ngang

Bạn có thể thay đổi kích thước của

  
  Allow us to contact you?
  Yo this is required

1 bằng cách sử dụng giá đỡ cột

Kích thước cột

Hệ thống lưới cho phép bạn đặt bất kỳ số s nào trong một

  
  Allow us to contact you?
  Yo this is required

1 hoặc

  
  Allow us to contact you?
  Yo this is required

1. Chúng sẽ chia đều chiều rộng có sẵn giữa chúng. Bạn cũng có thể chọn một tập hợp con các cột của mình để chiếm nhiều hoặc ít không gian hơn, trong khi các cột còn lại chia đều phần còn lại, với các lớp cột cụ thể như

tự động định cỡ

Ví dụ bên dưới sử dụng tiện ích flexbox để căn giữa nội dung theo chiều dọc và thay đổi để các cột của bạn chỉ chiếm nhiều dung lượng nhất có thể. Nói cách khác, kích thước của cột dựa trên nội dung

Sau đó, bạn có thể phối lại điều đó một lần nữa với các lớp cột theo kích thước cụ thể

biểu mẫu nội tuyến

Sử dụng chỗ dựa

  
  Allow us to contact you?
  Yo this is required

2 để hiển thị một loạt nhãn, điều khiển biểu mẫu và nút trên một hàng ngang. Điều khiển biểu mẫu trong biểu mẫu thay đổi một chút so với trạng thái mặc định của chúng

• Các điều khiển là

  
    
    Allow us to contact you?
    Yo this is required
  

  3, thu gọn bất kỳ khoảng trắng HTML nào và cho phép bạn cung cấp điều khiển căn chỉnh với khoảng cách và các tiện ích
• Các nhóm điều khiển và đầu vào nhận được

  
    
    Allow us to contact you?
    Yo this is required
  

  4 để ghi đè lên mặc định của Bootstrap là

  
    
    Allow us to contact you?
    Yo this is required
  

  7
• Các điều khiển chỉ xuất hiện nội tuyến trong các cổng xem rộng ít nhất 576px để giải thích cho các cổng xem hẹp trên thiết bị di động

Bạn có thể cần giải quyết thủ công chiều rộng và căn chỉnh của các điều khiển biểu mẫu riêng lẻ bằng các tiện ích giãn cách [như minh họa bên dưới]. Cuối cùng, hãy đảm bảo luôn bao gồm một

  
  Allow us to contact you?
  Yo this is required

1 với mỗi điều khiển biểu mẫu, ngay cả khi bạn cần ẩn nó khỏi những khách truy cập không đọc màn hình bằng phần bổ trợ

  
  Allow us to contact you?
  Yo this is required

7

Các lựa chọn thay thế cho nhãn ẩnCác công nghệ hỗ trợ như trình đọc màn hình sẽ gặp sự cố với các biểu mẫu của bạn nếu bạn không bao gồm nhãn cho mọi thông tin nhập vào. Đối với các biểu mẫu nội tuyến này, bạn có thể ẩn nhãn bằng cách sử dụng prop

  
  Allow us to contact you?
  Yo this is required

7. Có nhiều phương pháp thay thế khác để cung cấp nhãn cho các công nghệ hỗ trợ, chẳng hạn như thuộc tính

  
  Allow us to contact you?
  Yo this is required

9,

  
  Allow us to contact you?
  Yo this is required

10 hoặc

  
  Allow us to contact you?
  Yo this is required

11. Nếu không có thuộc tính nào trong số này, thì các công nghệ hỗ trợ có thể sử dụng thuộc tính

  
  Allow us to contact you?
  Yo this is required

12, nếu có, nhưng lưu ý rằng không nên sử dụng

  
  Allow us to contact you?
  Yo this is required

12 để thay thế cho các phương pháp ghi nhãn khác

văn bản trợ giúp

Có thể tạo văn bản trợ giúp cấp khối trong các biểu mẫu bằng cách sử dụng

  
  Allow us to contact you?
  Yo this is required

1. Văn bản trợ giúp nội tuyến có thể được triển khai linh hoạt bằng cách sử dụng bất kỳ phần tử HTML nội tuyến và lớp tiện ích nào như

  
  Allow us to contact you?
  Yo this is required

15

Liên kết văn bản trợ giúp với các điều khiển biểu mẫuVăn bản trợ giúp phải được liên kết rõ ràng với điều khiển biểu mẫu liên quan đến việc sử dụng thuộc tính

  
  Allow us to contact you?
  Yo this is required

16. Điều này sẽ đảm bảo rằng các công nghệ hỗ trợ—chẳng hạn như trình đọc màn hình—sẽ thông báo văn bản trợ giúp này khi người dùng tập trung hoặc nhập điều khiển

Văn bản trợ giúp bên dưới đầu vào có thể được tạo kiểu bằng

  
  Allow us to contact you?
  Yo this is required

1. Thành phần này bao gồm

  
  Allow us to contact you?
  Yo this is required

6 và thêm một số lề trên để tạo khoảng cách dễ dàng từ các đầu vào ở trên

Văn bản nội tuyến có thể sử dụng bất kỳ phần tử HTML nội tuyến điển hình nào [có thể là

  
  Allow us to contact you?
  Yo this is required

1,

  
  Allow us to contact you?
  Yo this is required

1 hoặc thứ gì đó khác] mà không có gì khác ngoài một lớp tiện ích

Biểu mẫu bị vô hiệu hóa

Thêm thuộc tính boolean

  
  Allow us to contact you?
  Yo this is required

11 vào đầu vào để ngăn chặn tương tác của người dùng và làm cho nó có vẻ nhẹ hơn

Thêm thuộc tính

  
  Allow us to contact you?
  Yo this is required

11 vào một

để vô hiệu hóa tất cả các điều khiển trong

Hãy cẩn thận với neoTheo mặc định, các trình duyệt sẽ xử lý tất cả các điều khiển biểu mẫu gốc [

  
  Allow us to contact you?
  Yo this is required

1,

  
  Allow us to contact you?
  Yo this is required

14 đến

  
  Allow us to contact you?
  Yo this is required

15 và thay vào đó tạo kiểu cho

  
  Allow us to contact you?
  Yo this is required

1. Nút được tạo và định vị bằng

  
  Allow us to contact you?
  Yo this is required

17. Cuối cùng, chúng tôi tuyên bố một

  
  Allow us to contact you?
  Yo this is required

18 và

  
  Allow us to contact you?
  Yo this is required

19 trên

  
  Allow us to contact you?
  Yo this is required

1 để có khoảng cách thích hợp cho nội dung xung quanh

Dịch hoặc tùy chỉnh chuỗi bằng SCSS

Lớp giả

  
  Allow us to contact you?
  Yo this is required

31 được sử dụng để cho phép dịch văn bản “Duyệt” sang các ngôn ngữ khác. Ghi đè hoặc thêm các mục vào biến

  
  Allow us to contact you?
  Yo this is required

32 Sass bằng thẻ ngôn ngữ có liên quan và các chuỗi được bản địa hóa. Các chuỗi tiếng Anh có thể được tùy chỉnh theo cùng một cách. Ví dụ: đây là cách một người có thể thêm bản dịch tiếng Tây Ban Nha [mã ngôn ngữ của tiếng Tây Ban Nha là

  
  Allow us to contact you?
  Yo this is required

33]

  
  Allow us to contact you?
  Yo this is required

4

Đây là

  
  Allow us to contact you?
  Yo this is required

34 đang hoạt động trên đầu vào tệp tùy chỉnh cho bản dịch tiếng Tây Ban Nha

Bạn sẽ cần đặt chính xác ngôn ngữ của tài liệu [hoặc cây con của tài liệu đó] để hiển thị đúng văn bản. Điều này có thể được thực hiện bằng cách sử dụng thuộc tính

  
  Allow us to contact you?
  Yo this is required

35 trên phần tử hoặc tiêu đề HTTP

  
  Allow us to contact you?
  Yo this is required

36, trong số các phương thức khác

Dịch hoặc tùy chỉnh các chuỗi bằng HTML

Bootstrap cũng cung cấp cách dịch văn bản “Duyệt qua” trong HTML bằng thuộc tính

  
  Allow us to contact you?
  Yo this is required

37 có thể được thêm vào nhãn đầu vào tùy chỉnh [ví dụ bằng tiếng Hà Lan]

Lưu ý rằng thuộc tính

  
  Allow us to contact you?
  Yo this is required

37 không ảnh hưởng gì trừ khi giá trị

  
  Allow us to contact you?
  Yo this is required

39 được đặt

API

Hình thức

  
  Allow us to contact you?
  Yo this is required

10

TênLoạiMặc địnhMô tảref

Biểu mẫu

  
  Allow us to contact you?
  Yo this is required

11 sẽ được chuyển tiếp đến phần tử bên dưới, điều đó có nghĩa là, trừ khi nó được hiển thị

  
  Allow us to contact you?
  Yo this is required

12 thành một thành phần tổng hợp, nó sẽ là một nút DOM, khi được giải quyết

asinline

  
  Allow us to contact you?
  Yo this is required

13

Hiển thị chuỗi nhãn, điều khiển biểu mẫu và nút trên một hàng ngang

xác thực

Đánh dấu một biểu mẫu là đã được xác thực. Đặt nó thành

  
  Allow us to contact you?
  Yo this is required

14 sẽ chuyển đổi bất kỳ kiểu xác thực nào trên các thành phần của biểu mẫu

bsPrefix

  
  Allow us to contact you?
  Yo this is required

15

Hình thức. Hàng ngang

  
  Allow us to contact you?
  Yo this is required

16

TênLoạiMặc địnhMô tả

bsPrefix bắt buộc

  
  Allow us to contact you?
  Yo this is required

17

Hình thức. Tập đoàn

  
  Allow us to contact you?
  Yo this is required

18

TênLoạiMặc địnhMô tảref

FormGroup

  
  Allow us to contact you?
  Yo this is required

11 sẽ được chuyển tiếp đến phần tử bên dưới. Trừ khi FormGroup được kết xuất

  
  Allow us to contact you?
  Yo this is required

12 một thành phần tổng hợp, nó sẽ là một nút DOM, khi được giải quyết

như

kiểm soátId

Đặt

  
  Allow us to contact you?
  Yo this is required

02 trên

  
  Allow us to contact you?
  Yo this is required

1 và

  
  Allow us to contact you?
  Yo this is required

13 trên

  
  Allow us to contact you?
  Yo this is required

1

bsPrefix

  
  Allow us to contact you?
  Yo this is required

15

Hình thức. Nhãn mác

  
  Allow us to contact you?
  Yo this is required

16

thành phần [chấp nhận tất cả các đạo cụ giống nhau], cũng như thêm kiểu dáng bổ sung cho các biểu mẫu ngang. TênLoạiMặc địnhMô tảref

FormLabel

  
  Allow us to contact you?
  Yo this is required

11 sẽ được chuyển tiếp đến phần tử bên dưới. Trừ khi Nhãn biểu mẫu được hiển thị

  
  Allow us to contact you?
  Yo this is required

12 thành phần tổng hợp, nó sẽ là một nút DOM, khi được giải quyết

as

  
  Allow us to contact you?
  Yo this is required

1

Đặt một yếu tố tùy chỉnh cho thành phần này

cột____713

Hiển thị FormLabel dưới dạng

htmlDành cho

Sử dụng

  
  Allow us to contact you?
  Yo this is required

3 từ

  
  Allow us to contact you?
  Yo this is required

1 nếu không được chỉ định rõ ràng

srOnly

  
  Allow us to contact you?
  Yo this is required

13

Ẩn nhãn một cách trực quan trong khi vẫn cho phép đọc nhãn bằng các công nghệ hỗ trợ

bsPrefix

  
  Allow us to contact you?
  Yo this is required

64

Hình thức. Chữ

  
  Allow us to contact you?
  Yo this is required

65

TênLoạiMặc địnhMô tảref

FormText

  
  Allow us to contact you?
  Yo this is required

11 sẽ được chuyển tiếp đến phần tử bên dưới. Trừ khi FormText được kết xuất

  
  Allow us to contact you?
  Yo this is required

12 một thành phần tổng hợp, nó sẽ là một nút DOM, khi được giải quyết

như

  
  Allow us to contact you?
  Yo this is required

1 tắt tiếng

Một chỗ dựa tiện lợi để thêm lớp

  
  Allow us to contact you?
  Yo this is required

69, vì nó thường được sử dụng ở đây

bsPrefix

  
  Allow us to contact you?
  Yo this is required

00

Hình thức. Điều khiển

  
  Allow us to contact you?
  Yo this is required

01

TênLoạiMặc địnhMô tảref

FormControl

  
  Allow us to contact you?
  Yo this is required

11 sẽ được chuyển tiếp đến phần tử đầu vào cơ bản, có nghĩa là trừ khi

  
  Allow us to contact you?
  Yo this is required

12 là một thành phần tổng hợp, nó sẽ là một nút DOM, khi được giải quyết

như

'đầu vào'. 'vùng văn bản'. 'lựa chọn'. loại nguyên tố

  
  Allow us to contact you?
  Yo this is required

04

Phần tử HTML cơ bản để sử dụng khi kết xuất FormControl

phong tục

Sử dụng các thành phần biểu mẫu tùy chỉnh của Bootstrap để thay thế các giá trị mặc định của trình duyệt

Vô hiệu hóa

Vô hiệu hóa điều khiển

htmlKích thước

Thuộc tính kích thước của phần tử HTML bên dưới. Chỉ định chiều rộng hiển thị bằng ký tự nếu

  
  Allow us to contact you?
  Yo this is required

12 là

  
  Allow us to contact you?
  Yo this is required

04. Chỉ định số lượng tùy chọn hiển thị nếu

  
  Allow us to contact you?
  Yo this is required

12 là

  
  Allow us to contact you?
  Yo this is required

08

Tôi

Sử dụng

  
  Allow us to contact you?
  Yo this is required

3 từ

  
  Allow us to contact you?
  Yo this is required

1 nếu không được chỉ định rõ ràng

isInvalid

  
  Allow us to contact you?
  Yo this is required

13

Thêm kiểu xác thực "không hợp lệ" vào điều khiển và nhãn đi kèm

isValid

  
  Allow us to contact you?
  Yo this is required

13

Thêm kiểu xác thực "hợp lệ" vào điều khiển

onChange

Một cuộc gọi lại được kích hoạt khi giá đỡ

  
  Allow us to contact you?
  Yo this is required

13 thay đổi

văn bản thô

Kết xuất đầu vào dưới dạng văn bản thuần túy. Thường được sử dụng dọc theo bên

  
  Allow us to contact you?
  Yo this is required

4

chỉ đọc

Làm cho điều khiển chỉ đọc

loại kích thước

Đầu vào HTML

  
  Allow us to contact you?
  Yo this is required

15, chỉ phù hợp nếu

  
  Allow us to contact you?
  Yo this is required

12 là

  
  Allow us to contact you?
  Yo this is required

04 [mặc định]

giá trị

sợi dây. mảngcủa. con số

điều khiển bởi.

  
  Allow us to contact you?
  Yo this is required

18, chỗ dựa ban đầu.

  
  Allow us to contact you?
  Yo this is required

19

Thuộc tính

  
  Allow us to contact you?
  Yo this is required

13 của đầu vào cơ bản

bsPrefix

  
  Allow us to contact you?
  Yo this is required

21bsCustomPrefix

  
  Allow us to contact you?
  Yo this is required

22

Một bsPrefix riêng biệt được sử dụng cho các điều khiển tùy chỉnh

Kiểm soát biểu mẫu. Nhận xét

  
  Allow us to contact you?
  Yo this is required

23

TênLoạiMặc địnhMô tả

chú giải công cụ className ________ 713

Hiển thị phản hồi dưới dạng chú giải công cụ

loại____025

Chỉ định xem phản hồi dành cho các trường hợp lệ hay không hợp lệ

bsPrefix

Hình thức. Kiểm tra

  
  Allow us to contact you?
  Yo this is required

26

TênLoạiMặc địnhMô tảref

FormCheck

  
  Allow us to contact you?
  Yo this is required

11 sẽ được chuyển tiếp đến phần tử đầu vào cơ bản, có nghĩa là nó sẽ là một nút DOM, khi được giải quyết

như

  
  Allow us to contact you?
  Yo this is required

04

Phần tử HTML cơ bản để sử dụng khi hiển thị FormCheck

bọn trẻ

Cung cấp một chức năng con để xử lý thủ công bố cục của các thành phần bên trong FormCheck

  
  Allow us to contact you?
  Yo this is required

phong tục

tất cả [PropTypes. bool, [{ tùy chỉnh, id }] => tùy chỉnh &&. Tôi ? . vô giá trị, ]

Sử dụng các thành phần biểu mẫu tùy chỉnh của Bootstrap để thay thế các giá trị mặc định của trình duyệt

bị vô hiệu hóa

  
  Allow us to contact you?
  Yo this is required

13phản hồi

Thông báo hiển thị khi đầu vào ở trạng thái xác thực

phản hồiMẹo công cụ

  
  Allow us to contact you?
  Yo this is required

13

Hiển thị phản hồi dưới dạng chú giải công cụ

Tôi

Thuộc tính id HTML, cần thiết cho khả năng truy cập biểu mẫu phù hợp. Một id được khuyến nghị để cho phép nhấp vào nhãn để chuyển đổi điều khiển kiểm tra

Điều này là bắt buộc đối với các điều khiển kiểm tra tùy chỉnh hoặc khi

  
  Allow us to contact you?
  Yo this is required

31 do cách chúng được hiển thị

nội tuyến

  
  Allow us to contact you?
  Yo this is required

13

Nhóm các điều khiển theo chiều ngang với các

  
  Allow us to contact you?
  Yo this is required

33 khác

isInvalid

  
  Allow us to contact you?
  Yo this is required

13

Kiểu đầu vào theo cách thủ công là không hợp lệ

isValid

  
  Allow us to contact you?
  Yo this is required

13

Kiểu đầu vào theo cách thủ công là hợp lệ

nhãntiêu đề

  
  Allow us to contact you?
  Yo this is required

36

Thuộc tính

  
  Allow us to contact you?
  Yo this is required

11 cho

  
  Allow us to contact you?
  Yo this is required

38 cơ bản

loại hình

  
  Allow us to contact you?
  Yo this is required

39.

  
  Allow us to contact you?
  Yo this is required

40.

  
  Allow us to contact you?
  Yo this is required

41

  
  Allow us to contact you?
  Yo this is required

40bsPrefix

  
  Allow us to contact you?
  Yo this is required

43bsCustomPrefix

  
  Allow us to contact you?
  Yo this is required

44

Một bsPrefix riêng biệt được sử dụng cho các điều khiển tùy chỉnh

Kiểm tra biểu mẫu. Đầu vào

  
  Allow us to contact you?
  Yo this is required

45

NameTypeDefaultDescriptionas____004

Phần tử HTML cơ bản để sử dụng khi hiển thị FormCheckInput

Tôi

Thuộc tính id HTML, cần thiết cho khả năng truy cập biểu mẫu phù hợp

isInvalid

  
  Allow us to contact you?
  Yo this is required

13

Kiểu đầu vào theo cách thủ công là không hợp lệ

là tĩnh

Một lối tắt hỗ trợ thuận tiện để thêm

  
  Allow us to contact you?
  Yo this is required

48 vào đầu vào, để tạo kiểu chính xác khi được sử dụng mà không có FormCheckLabel

isValid

  
  Allow us to contact you?
  Yo this is required

13

Kiểu đầu vào theo cách thủ công là hợp lệ

loại

  
  Allow us to contact you?
  Yo this is required

40bsPrefix

  
  Allow us to contact you?
  Yo this is required

51bsCustomPrefix

  
  Allow us to contact you?
  Yo this is required

44

Một bsPrefix riêng biệt được sử dụng cho các điều khiển tùy chỉnh

Kiểm tra biểu mẫu. Nhãn mác

  
  Allow us to contact you?
  Yo this is required

53

TênLoạiMặc địnhMô tảhtmlDành cho

HTML cho thuộc tính để liên kết nhãn với đầu vào

bsPrefix

  
  Allow us to contact you?
  Yo this is required

51bsCustomPrefix

  
  Allow us to contact you?
  Yo this is required

44

Một bsPrefix riêng biệt được sử dụng cho các điều khiển tùy chỉnh

Hình thức. Tập tin

  
  Allow us to contact you?
  Yo this is required

56

NameTypeDefaultDescriptionas____057

Phần tử HTML gói để sử dụng khi hiển thị FormFile

bọn trẻ

Cung cấp một hàm con để xử lý thủ công bố cục của các thành phần bên trong FormFile

Nếu không sử dụng giá đỡ tùy chỉnh

  
  Allow us to contact you?
  Yo this is required

58 thì phải trước

  
  Allow us to contact you?
  Yo this is required

1

  
  Allow us to contact you?
  Yo this is required

0

Nếu sử dụng giá đỡ tùy chỉnh

  
  Allow us to contact you?
  Yo this is required

1 thì phải trước

  
  Allow us to contact you?
  Yo this is required

58

  
  Allow us to contact you?
  Yo this is required

phong tục

Sử dụng các thành phần biểu mẫu tùy chỉnh của Bootstrap để thay thế các giá trị mặc định của trình duyệt

duyệt dữ liệu

Chuỗi cho nhãn văn bản "Duyệt qua" khi sử dụng đầu vào tệp tùy chỉnh

bị vô hiệu hóa

  
  Allow us to contact you?
  Yo this is required

13phản hồi

Thông báo hiển thị khi đầu vào ở trạng thái xác thực

phản hồiMẹo công cụ

  
  Allow us to contact you?
  Yo this is required

13

Hiển thị phản hồi dưới dạng chú giải công cụ

Tôi

Thuộc tính id HTML, cần thiết cho khả năng truy cập biểu mẫu phù hợp

đầu vàoAs_______004

Phần tử HTML cơ bản để sử dụng khi hiển thị FormFile

isInvalid

  
  Allow us to contact you?
  Yo this is required

13

Kiểu đầu vào theo cách thủ công là không hợp lệ

isValid

  
  Allow us to contact you?
  Yo this is required

13

Kiểu đầu vào theo cách thủ công là hợp lệ

nhãnlang

tất cả [PropTypes. chuỗi, [{ tùy chỉnh, lang }] => lang &&. phong tục ? . vô giá trị, ]

Tôi có thể sử dụng React với Bootstrap không?

Đầu vào Bootstrap là gì?

Đầu vào trong React là gì?

React xử lý dữ liệu đầu vào như thế nào?