Các trường văn bản cung cấp một hộp hình chữ nhật nhỏ luôn sẵn sàng nhận thông tin từ người xem. Người dùng sẽ nhận thấy rằng khi họ nhấp vào các trường này, con trỏ sẽ thay đổi từ mũi tên điển hình sang ký tự ống [. ], cho phép nhập các mục nhập văn bản bên trong mỗi trường nhập liệu
Trường văn bản được đặt trên trang web bằng cách sử dụng thẻ, với thuộc tính loại được đặt với giá trị "văn bản"
Mã trường văn bản HTML
First: Last:
Trường văn bản HTML
Các trường văn bản được thiết kế để nắm bắt các từ hoặc cụm từ đơn lẻ từ người dùng. Thông tin đó sau đó có thể được xử lý thông qua một số loại tập lệnh phía máy khách/máy chủ [PHP, PERL, JavaScript]. Nếu bạn có kế hoạch xử lý dữ liệu, hãy đảm bảo bao gồm các thuộc tính tên và id. Tiêu đề mô tả cũng là một trợ giúp trực quan tuyệt vời để cung cấp hiển thị mẹo công cụ cho các phần tử web của bạn
Để sửa đổi cách trình bày trực quan của trường văn bản, người ta cần chuyển một giá trị số nguyên cho thuộc tính size. Giá trị biểu thị số lượng ký tự mà trường văn bản có thể hiển thị trong cửa sổ trường văn bản
Là nhà thiết kế web, công việc của bạn là phân tích và dự đoán độ dài trung bình của các ký tự sẽ được người dùng của bạn nhập vào từng trường. Tên và họ thường có thể có độ dài từ 8-24 ký tự, trong khi địa chỉ email thông thường có thể có từ 12-36 chữ số
Kích thước trường văn bản HTML
First:
Last:
Kích thước trường văn bản HTML
Nếu người dùng tình cờ nhập nhiều chữ số hơn giá trị thuộc tính kích thước, các ký tự này sẽ không bị loại bỏ; . Thay vào đó, họ sẽ buộc phải cuộn đến đầu và cuối phần tử đầu vào, điều này có xu hướng cản trở sự tương tác của người dùng
Maxlength là một thuộc tính tùy chọn chấp nhận một giá trị số nguyên. Nó cho phép nhà phát triển hạn chế số lượng ký tự mà người dùng có thể nhập vào một trường văn bản cụ thể
Trong hướng dẫn này, bạn sẽ học cách tạo một hộp văn bản và hiển thị giá trị của nó trong PHP. Hộp văn bản chúng tôi sẽ tạo thông qua các biểu mẫu HTML và sẽ xử lý thông qua các chức năng đăng bài của PHP
Biểu mẫu HTML là gì?
Biểu mẫu HTML cho phép người dùng nhập dữ liệu và dữ liệu có thể gửi đến máy chủ để xử lý. Một biểu mẫu HTML chứa các phần tử biểu mẫu và các phần tử Biểu mẫu là phần tử đầu vào, phần tử vùng văn bản, phần tử nhãn, phần tử nút, phần tử chọn, v.v.
Yếu tố đầu vào là gì?
Input element is defining by an tag. These elements are using within a element to specify input controls that help the user to input data.
What are The Attributes of an Element?
Thuộc tính là công cụ sửa đổi của loại phần tử HTML. Một thuộc tính có thể sửa đổi chức năng mặc định của một loại phần tử. Các thuộc tính trong HTML là loại, tên, giá trị, v.v.
What is The Type Attribute on an Element?
The type attribute is using to define the type of element to display.
Làm thế nào để tạo một hộp văn bản?
Text box is a signle line text field. defines a text field.
What is Name Attribute of an Element?
The name attribute defines the name of an element. With this attribute, form elements can send their values to a server when we submit the form-data using a form.
What are The Attributes of Element?
Hành động và Phương pháp
What is Action Attribute of Element?
Thuộc tính hành động đang sử dụng để gửi dữ liệu biểu mẫu khi chúng tôi gửi biểu mẫu bằng cách nhấp vào nút gửi. Thuộc tính này đang chỉ định URL nơi dữ liệu biểu mẫu đang gửi để xử lý tệp PHP
What is Method Attribute in Element?
Method attribute determines how to send the form data to a server. element contains two types of methods, one is the GET method, and another is POST method.
The default method of element is GET. When we send data to a server through a GET method, then data appears on the URL with a limited data[maximum 2048 characters], and when we send the form-data to a server through a POST method, then form-data are invisible to the users with no limitation of sending information.
$_GET và $_POST trong PHP là gì?
$_POST là một mảng các tên biến được sử dụng để thu thập các giá trị từ một biểu mẫu thông qua một phương thức POST và thông tin là ẩn đối với những người khác
$_GET cũng là một mảng các biến được sử dụng để thu thập dữ liệu từ biểu mẫu HTML bằng phương thức GET
Bây giờ chúng tôi đang viết mã để tạo trường văn bản và nút gửi nơi mã PHP được nhúng vào HTML
Có một nút gửi giúp gửi dữ liệu để xử lý tập lệnh PHP. Ở đây sau khi chạy tệp, chúng tôi đang chuyển một giá trị là "john" qua trường văn bản và chúng tôi đang nhấp vào nút gửi để nhận kết quả là "Tên của người đó là. -John"
Name:
đầu ra
Trong tệp này, chúng tôi đang sử dụng trường văn bản có thuộc tính tên và nút gửi. Ở đây chúng tôi đang sử dụng biến $ _POST để truy cập giá trị từ trường văn bản bằng cách nhấp vào nút gửi. Khi chúng tôi chạy tệp, chúng tôi có thể nhập dữ liệu cho trường văn bản và chúng tôi có thể gửi dữ liệu để xử lý tập lệnh PHP bằng cách nhấp vào nút gửi
Bây giờ chúng tôi đang đưa ra một ví dụ khác để lấy hai đầu vào từ hai trường văn bản và chúng tôi đang nhấp vào nút gửi để xử lý tập lệnh PHP
First number:
Second number:
đầu ra
Trong chương trình này, chúng tôi đang truy cập hai giá trị thông qua hai biến $_POST sau khi nhấp vào nút gửi và chúng tôi đang tính tổng của hai giá trị bằng cách hiển thị kết quả