Hướng dẫn how do you add a textbox in html? - làm thế nào để bạn thêm một hộp văn bản trong html?
Trong bài viết này, bạn sẽ học cách tạo trường đầu vào văn bản trong HTML. Bạn cũng sẽ tìm hiểu về các biểu mẫu web và có được cái nhìn tổng quan về cách chúng hoạt động, vì các hộp văn bản là một tính năng phổ biến của mọi hình thức. Bắt đầu nào! Các hình thức là một cách hiệu quả để thu thập thông tin. Có nhiều trường hợp bạn sẽ cần điền vào một biểu mẫu vật lý, một tài liệu vật lý in và đưa ra chi tiết cá nhân. Ví dụ: bạn có thể điền vào một biểu mẫu và đưa nó cho ai đó khi bạn bắt đầu một công việc mới hoặc khi bạn đang kiểm tra y tế hoặc khi bạn đang trong quá trình thuê/mua nhà - hoặc bất kỳ thời gian khác khi cần có giấy tờ. Giống như các hình thức vật lý, các biểu mẫu web kỹ thuật số trực tuyến là một cách để nhận và thu thập đầu vào, thông tin và dữ liệu quan trọng từ người dùng và khách truy cập, sử dụng kết hợp các công nghệ web. Một biểu mẫu web bắt chước một hình thức vật lý bằng cách chứa không gian cho người dùng để điền thông tin của họ. Các biểu mẫu web sử dụng nhiều công cụ hoặc điều khiển biểu mẫu, để thu thập đầu vào của người dùng. Một trang web có thể có một hộp tìm kiếm hoặc trường đầu vào văn bản, để nhập một dòng văn bản duy nhất. Điều này cho phép người dùng tìm kiếm một cái gì đó cụ thể. Một trang web cũng có thể chứa một biểu mẫu đăng ký cho phép người dùng đăng ký nhận bản tin hoặc các bản cập nhật khác. Thông thường sẽ chứa một trường đầu vào văn bản để nhập tên, họ và địa chỉ email của người dùng. Nhiều trang web cũng có biểu mẫu đăng ký / đăng nhập khi mua hàng trực tuyến, ví dụ, nơi người dùng nhập tên người dùng của họ vào trường văn bản và mật khẩu của họ trong một trường riêng biệt. Mặc dù các trường mật khẩu cũng là các trường văn bản, mỗi ký tự văn bản được bao phủ bởi một chấm đen để ẩn những gì đang được gõ. Một trang web cũng có thể có Textarea lớn hơn để người dùng nhập các đoạn văn bản dài hơn, điều này là sử dụng để để lại một bình luận bên dưới một bài đăng trên blog. Nhiều biểu mẫu cũng cho phép người dùng chọn một tùy chọn cụ thể từ một số tùy chọn bằng cách chọn nút radio. Họ có thể cho phép người dùng chọn nhiều tùy chọn bằng cách kiểm tra/bỏ chọn hộp kiểm. Cuối cùng, tất cả các biểu mẫu đều có nút gửi, để gửi dữ liệu đến một máy chủ nơi nó sẽ được lưu trữ hoặc xử lý. Internet là một mạng lưới toàn cầu lớn kết nối hàng triệu máy tính trên toàn thế giới. Các máy tính là một phần của mạng giao tiếp với nhau bằng cách gửi và nhận thông tin. Cách đạt được điều này là nhờ kiến trúc/yêu cầu/phản hồi máy chủ/máy chủ của Web. Máy khách, thường là trình duyệt web như Google Chrome, gửi yêu cầu đến máy chủ web. Một máy chủ web là một phần của phần cứng hoặc phần mềm máy tính lưu trữ các tệp tạo nên các trang web và phân phối chúng bất cứ khi nào nhận được yêu cầu làm như vậy. Yêu cầu có thể là xem một biểu mẫu là một phần của trang web. Máy chủ gửi lại các tệp tạo thành biểu mẫu web dưới dạng phản hồi. Sau đó, trình duyệt web tập hợp các tệp lại với nhau và người dùng xem biểu mẫu trong trình duyệt web. Chu kỳ yêu cầu/phản hồi này được cấu trúc bởi một giao thức, được gọi là HTTP (viết tắt của giao thức chuyển siêu văn bản). Vì vậy, khi sử dụng biểu mẫu web, người dùng nhập dữ liệu cần thiết. Sau đó, sau khi xác thực phía máy khách kiểm tra xem tất cả các trường bắt buộc được điền và liệu dữ liệu có đúng định dạng hay không, người dùng nhấp vào nút gửi. Dữ liệu sau đó được gửi đến máy chủ trong các cặp giá trị tên trong yêu cầu HTTP. Phương pháp tổ chức thông tin này trong các cặp giá trị tên, đảm bảo rằng dữ liệu chính xác tương ứng với phần tử biểu mẫu chính xác. Sau đó, một ngôn ngữ phía máy chủ như PHP, Ruby hoặc Python được sử dụng để xử lý thông tin và lưu trữ trong cơ sở dữ liệu để sử dụng hoặc truy xuất sau này. Cách tạo các biểu mẫu web trong HTMLĐể tạo biểu mẫu trong HTML, bạn cần sử dụng phần tử 3 được sử dụng để thu thập thông tin.Phần tử 3 có lỗ mở 3 và đóng thẻ 6.
Phần tử 3 lấy hai thuộc tính:
Tuy nhiên, điều này một mình không thu thập bất kỳ đầu vào người dùng. Phần tử HTML 4 là gì?Phần tử 5 được sử dụng phổ biến nhất để thu thập và truy xuất dữ liệu người dùng từ biểu mẫu web.Đó là nơi người dùng nhập dữ liệu của họ. Nó được lồng bên trong phần tử 3 và đó là một yếu tố tự đóng. Điều này có nghĩa là nó không yêu cầu một thẻ đóng. (Đóng thẻ có một dấu gạch chéo phía trước, 7.)Bạn sử dụng nó để tạo các kiểu khác nhau của các trường đầu vào hoặc hình thức điều khiển đầu vào, để người dùng nhập nhiều loại thông tin khác nhau. Nó tạo ra các trường văn bản, trường email, trường mật khẩu, hộp kiểm, nút radio, menu thả xuống, gửi nút, khả năng chọn và tải lên các tệp và hình ảnh từ máy tính của người dùng và nhiều hơn nữa. Cách để xác định loại trường đầu vào hoặc điều khiển đầu vào biểu mẫu, là đặt thuộc tính 8 và gán cho nó một giá trị.Cú pháp chung của 5 trông giống như thế này:
Ví dụ: để tạo một trường cho phép người dùng tải lên một tệp, phần tử 5 sẽ trông như thế này:
Thuộc tính 8 xác định loại dữ liệu mà phần tử 4 có thể chấp nhận.Cách tạo trường đầu vào hộp văn bản HTMLGiá trị mặc định của thuộc tính 8 của ____ 24 khi không được chỉ định là văn bản. Vì vậy, đầu vào văn bản là kiểu đầu vào phổ biến nhất.text. So text input is the most common style
of input.Dòng 5 tạo ra một trường đầu vào văn bản dòng duy nhất, trong đó người dùng có thể nhập bất kỳ đầu vào văn bản nào.
Khi bạn xem trang trong trình duyệt, bạn có thể thấy rằng một trường đầu vào văn bản dòng duy nhất đã được tạo: Cách thêm văn bản giữ chỗ vào trường văn bảnVăn bản giữ chỗ, còn được gọi là văn bản filler, là một cách để nhắc nhở và đưa ra gợi ý cho người dùng về loại thông tin họ cần để điền vào biểu mẫu. Nó cũng có thể cung cấp một giá trị mặc định trước khi chúng bắt đầu gõ.
Mã từ trên sẽ dẫn đến những điều sau: Tầm quan trọng của thuộc tính
6 trong các trường văn bản |