Hộp văn bản là một phần trên trang web của bạn nơi người dùng có thể nhập văn bản. Con trỏ nhấp nháy xuất hiện khi bạn nhấp hoặc nhấn vào hoặc bên trong hộp văn bản, cho biết bạn đã sẵn sàng bắt đầu nhập. Và bàn phím trên màn hình sẽ xuất hiện nếu bạn đang sử dụng máy tính bảng hoặc điện thoại thông minh
Hộp văn bản được phân thành hai loại. trường văn bản và vùng văn bản. Hai hộp văn bản này phục vụ các mục đích khác nhau và giúp người dùng của bạn hiểu những gì họ nên nhập vào hộp văn bản
Trường văn bản là một hộp nhỏ, thường là hình chữ nhật, nơi bạn có thể nhập một dòng văn bản, chẳng hạn như tên, số hoặc bất kỳ loại văn bản ngắn nào khác
Vùng văn bản là một hộp lớn hơn nơi bạn có thể nhập nhiều dòng văn bản, chẳng hạn như mô tả, đoạn văn, v.v.
Khi bạn nhấn vào nút nhập trong trường văn bản, con trỏ sẽ di chuyển đến trường sau hoặc gửi biểu mẫu. Mặt khác, trong một vùng văn bản, con trỏ sẽ di chuyển đến một dòng mới, tạo ra một dấu ngắt dòng
Cách thêm trường văn bản vào trang web của bạn
Bất cứ khi nào bạn muốn người dùng nhập nội dung nào đó vào trang web, bạn có thể sử dụng thẻ
Or
Name:
7. Sau đó, để đảm bảo đây là trường văn bản, bạn có thể thêm thuộc tính type của
Or
Name:
8
Thao tác này sẽ xuất ra trường văn bản một dòng trên trang web của chúng tôi, trường này có thể chứa mọi dạng giá trị văn bản. Chúng tôi cũng có thể thêm thẻ nhãn hoặc các thuộc tính khác như thuộc tính
Or
Name:
9 để cho người dùng biết cần nhập gì vào trường văn bản
Or
Name:
Có nhiều thuộc tính khác mà chúng ta có thể xác định trên một trường văn bản, chẳng hạn như
Or
Name:
0 và
Or
Name:
1, để giúp xác định lượng văn bản tối đa hoặc tối thiểu mà một trường có thể chấp nhận
Chúng ta cũng có thể chuyển các giá trị mặc định vào trường văn bản của mình bằng thuộc tính giá trị
Cách thêm vùng văn bản vào trang web của bạn
Một vùng văn bản được xác định bởi thẻ
Or
Name:
2. Bạn sử dụng nó để thu thập văn bản nhiều dòng không giới hạn như nhận xét hoặc đánh giáBạn chỉ định kích thước của vùng văn bản theo thuộc tính
Or
Name:
3 và
Or
Name:
4 [hoặc bằng CSS]
Trường vùng văn bản không sử dụng thuộc tính giá trị để chuyển các giá trị mặc định, nhưng bạn có thể đặt nội dung mặc định giữa thẻ mở và thẻ đóng
Or
Name:
0Giống như các thẻ đầu vào, chúng ta có thể thêm các thuộc tính
Or
Name:
0,
Or
Name:
1 và
Or
Name:
9 vào trường textarea
Or
Name:
3Sự kết luận
Trong bài viết này, bạn đã học cách thêm hộp văn bản vào trang web của mình bằng cách sử dụng thẻ
Or
Name:
8 và
Or
Name:
9, tùy thuộc vào
0 của
Or
Name:
8 mà bạn muốn thêmBạn có thể tìm hiểu thêm về các thẻ HTML trong các tài nguyên sau
- HTML cho người mới bắt đầu - freeCodeCamp
- Thẻ HTML là gì và bạn sử dụng chúng như thế nào?
- HTML Cheat Sheet – Tham khảo danh sách phần tử HTML
Chúc các bạn code vui vẻ
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
Nhà phát triển Frontend & Người viết kỹ thuật
Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu