Làm thế nào để bạn có được đầu vào trong html?
Trong bài viết này, bạn sẽ tìm hiểu cách tạo trường nhập 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á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 biểu mẫu Show
Bắt đầu nào Biểu mẫu web là gì?Biểu mẫu là một cách hiệu quả để thu thập thông tin Có nhiều trường hợp bạn cần điền vào biểu mẫu vật lý, tài liệu vật lý được in và cung cấp thông tin cá nhân Ví dụ: bạn có thể điền vào biểu mẫu và đưa cho ai đó khi bạn bắt đầu một công việc mới hoặc khi bạn đi kiểm tra sức khỏe hoặc khi bạn đang trong quá trình thuê/mua nhà – hoặc bất kỳ Cũng giống như biểu mẫu vật lý, biểu mẫu web kỹ thuật số trực tuyến là một cách để nhận và thu thập thông tin đầ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 Biểu mẫu web bắt chước biểu mẫu vật lý bằng cách chứa khoảng trống để người dùng điền thông tin của họ Biểu mẫu web sử dụng nhiều công cụ hoặc điều khiển biểu mẫu khác nhau để thu thập thông tin đầu vào của người dùng Một trang web có thể có hộp tìm kiếm hoặc trường nhập văn bản để nhập một dòng văn bản. Đ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 Điều đó thường chứa trường nhập 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, chẳng hạn như 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ọ vào trường riêng. Mặc dù các trường mật khẩu cũng là các trường văn bản, nhưng mỗi ký tự văn bản được che bởi một chấm đen để ẩn nội dung đang được nhập Một trang web cũng có thể có vùng văn bản 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 rất hữu ích khi để lại nhận xét bên dưới 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 chọn/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áy chủ nơi dữ liệu sẽ được lưu trữ hoặc xử lý Biểu mẫu web hoạt động như thế nàoInternet là mạng toàn cầu rộng 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 khá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áy chủ web là một 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 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 nên biểu mẫu web dưới dạng phản hồi. Trình duyệt web sau đó 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 trình 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 HyperText Transfer Protocol) 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 chưa và dữ liệu có đúng định dạng hay không, người dùng nhấp vào nút gửi Sau đó, dữ liệu được gửi đến máy chủ theo cặp tên-giá trị trong yêu cầu HTTP. Phương pháp tổ chức thông tin theo cặp tên-giá trị này đảm bảo rằng dữ liệu chính xác tương ứng với thành phần 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ữ thông tin đó trong cơ sở dữ liệu để sử dụng hoặc truy xuất sau này Cách tạo 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 dùng để thu thập thông tinPhần tử 3 có thẻ mở 3 và đóng thẻ 6
Phần tử 3 có 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 nào của 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à nó là phần tử tự đóng. Điều này có nghĩa là nó không yêu cầu thẻ đóng. (Các thẻ đóng có dấu gạch chéo về phía trước, 7. )Bạn sử dụng nó để tạo các kiểu trường nhập liệu khác nhau hoặc tạo các điều khiển nhập liệu để người dùng nhập nhiều loại thông tin khác nhau Nó tạo 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, nút gửi, khả năng chọn và tải tệp và hình ảnh lên từ máy tính của người dùng, v.v. Cách xác định loại trường đầu vào hoặc kiểm soát đầ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 như thế này________số 8Ví dụ: để tạo một trường cho phép người dùng tải tệp lên, phần tử 5 sẽ trông như thế này 1Thuộc tính 8 xác định loại dữ liệu mà phần tử 4 có thể chấp nhậnCách tạo trường nhập liệu hộp văn bản HTMLGiá trị mặc định của thuộc tính 8 của 4 khi không được chỉ định là văn bản. Vì vậy, kiểu nhập văn bản là kiểu nhập phổ biến nhấtDòng 15 tạo trường nhập văn bản một dòng, nơi người dùng có thể nhập bất kỳ kiểu nhập văn bản nào 7Khi bạn xem trang trong trình duyệt, bạn có thể thấy rằng một trường nhập văn bản một dòng đã đượ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ỗ hay còn gọi là văn bản điền vào là một cách nhắc nhở và 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 họ bắt đầu nhập 8Mã từ trên sẽ dẫn đến kết quả như sau Tầm quan trọng của thuộc tính
16 trong Trường văn bản |