If you want to create a text box using the Input tag in HTML, First add the “” tag in HTML and use the “type” attribute and give it the value “text“. In this article, what is the correct Html syntax for making a text input field? And some attributes and values in the input tag.
Mục lục
- Thẻ đầu vào là gì?
- Làm cách nào để tạo hộp văn bản bằng thẻ đầu vào và thuộc tính của chúng?
- Thuộc tính tên
- Thuộc tính giá trị
- Thuộc tính giữ chỗ
- Độ dài tối đa
- Thuộc tính bị vô hiệu hóa
- Tại sao tạo một hộp văn bản trong thẻ đầu vào thay vì thẻ textarea?
- Gõ giá trị thuộc tính
- Phần kết luận
Thẻ đầu vào là gì?
Nó là một thẻ chưa ghép nối trong HTML, có nghĩa là thẻ này sẽ chỉ có thẻ mở và không có thẻ đóng. Bạn phải luôn sử dụng thẻ đầu vào bên trong thẻ biểu mẫu vì thẻ đầu vào là thẻ chính của thẻ biểu mẫu. Nếu bạn sử dụng thẻ đầu vào, hãy đảm bảo sử dụng thuộc tính loại và tên, nếu không sẽ không có gì được hiển thị trong đầu ra của bạn. Hiển thị phần tử đầu vào phụ thuộc vào giá trị của thuộc tính type. Nó có một thuộc tính tên là “type”, trong đó bạn phải cung cấp loại đầu vào. Ví dụ. nếu bạn định lấy mật khẩu từ người dùng làm đầu vào, thì bạn nên cung cấp "mật khẩu" làm giá trị trong thuộc tính loại. Như thế này, thuộc tính type có nhiều giá trị để bạn có thể sử dụng bất kỳ giá trị nào bạn cần
Vì vậy, thuộc tính "type" cho biết bạn sẽ tạo thành phần nào của biểu mẫu. Và bạn có thể gán tên cho thẻ đầu vào của mình bằng cách chỉ định thuộc tính “tên”
Làm cách nào để tạo hộp văn bản bằng thẻ đầu vào và thuộc tính của chúng?
Name:
Email-Id:
Password:
Xem trước trực tiếp
Tên.Id Email.
Mật khẩu.
Nếu bạn cần chấp nhận văn bản từ người dùng, bạn cần tạo hộp văn bản điều khiển hoặc nhập văn bản. Để làm được điều đó, bạn cần sử dụng thẻ có tên là phần tử “Đầu vào”. Đầu vào có một thuộc tính được gọi là "loại" mà bạn có thể cung cấp một giá trị "văn bản". Bạn đã tạo thành công một hộp văn bản đầu vào
Thuộc tính tên
Bạn cần sử dụng thuộc tính “name” để gọi/truy cập phần tử đầu vào đó trong CSS hoặc JS. Tên là một trong những thuộc tính quan trọng nhất. Chúng ta phải đặt tên cho mọi điều khiển đầu vào vì “tên” là tên mà chúng ta có thể xác định điều khiển đầu vào đó và truy cập điều khiển đầu vào đó vào mã và xử lý. Nếu bạn sử dụng thuộc tính tên thì không cần sử dụng thuộc tính ID hoặc thuộc tính lớp, bởi vì bạn có thể truy cập phần tử đầu vào bằng cách sử dụng giá trị của thuộc tính tên. Nếu bạn đang sử dụng ID, hãy sử dụng cùng một giá trị cho các thuộc tính tên và ID. Bán tại.
Thuộc tính giá trị
Nếu bạn muốn đặt giá trị mặc định trong hộp văn bản thì hãy sử dụng thuộc tính “giá trị” và đặt giá trị mặc định của bạn làm giá trị của thuộc tính “giá trị”. Nếu bạn không cung cấp bất kỳ giá trị nào trong thuộc tính giá trị thì sẽ không có gì được hiển thị trong hộp văn bản. Bán tại.
Thuộc tính giữ chỗ
Để cho người dùng biết hộp văn bản bạn đã tạo dùng để làm gì, bạn có thể sử dụng thuộc tính “placeholder” và cung cấp giá trị, ví dụ: hộp văn bản của bạn là gì. giữ chỗ. Tên. Trình giữ chỗ là một trong những thuộc tính quan trọng nhất của hộp văn bản. Giá trị giữ chỗ của bạn được hiển thị bằng màu xám bên trong hộp văn bản. Đây chỉ là thông tin cho người dùng và không phải là giá trị cho hộp văn bản. Khi người dùng nhập một số văn bản vào hộp văn bản, nó sẽ trở thành giá trị của hộp văn bản. Vì vậy, trình giữ chỗ chỉ là thông tin cho những gì người dùng cần làm. Bán tại.
Độ dài tối đa
Thẻ đầu vào có một thuộc tính được gọi là độ dài tối đa. Ví dụ bạn cho thuộc tính giá trị max là 15 thì textbox chỉ nhận 15 ký tự, User có thể gõ tối đa 15 ký tự. Bán tại.
Thuộc tính bị vô hiệu hóa
Và một trong những thuộc tính quan trọng nhất của đầu vào được gọi là "bị vô hiệu hóa". Nếu bạn thêm thuộc tính “disabled” vào thẻ input, textbox sẽ bị vô hiệu hóa và người dùng không thể nhập gì. Bạn không cần phải đưa ra bất kỳ giá trị nào cho nó. Bán tại.
Tại sao tạo một hộp văn bản trong thẻ đầu vào thay vì thẻ textarea?
Nếu bạn sử dụng thẻ textarea thay cho trường đầu vào, Thẻ đầu vào chứa giá trị loại cho văn bản cụ thể [ví dụ:. mật khẩu, tên hoặc họ, số điện thoại và email]. Nhưng thông thường bạn không thể cung cấp điều đó trong thẻ vùng văn bản, bạn chỉ có thể tạo một hộp văn bản [ghi chú]. Trong vùng văn bản, bạn có thể tiếp tục đưa ra giá trị trong nhiều dòng và hộp văn bản sẽ mở rộng. Nhưng trong trường nhập, bạn chỉ có thể nhập giá trị trong một dòng và Hộp văn bản sẽ không mở rộng. Và nếu bạn tạo một trường nhập văn bản cụ thể, người dùng của bạn chỉ có thể nhập giá trị cụ thể đó. Ví dụ bạn tạo trường nhập số thì người dùng chỉ nhập được số, không nhập được chữ. Nhưng bạn không thể làm điều đó trong textarea. Đây là lý do tại sao hộp văn bản chủ yếu được tạo bằng các thẻ đầu vào
Gõ giá trị thuộc tính
Các giá trị chính và thường được sử dụng là
Đài. Nó được sử dụng để tạo nút Radio. Nếu người dùng chỉ cần thực hiện một lựa chọn trong số nhiều lựa chọn, thì chúng ta cần tạo các nút radio. Ví dụ: trong một mẫu đơn đăng ký nếu chúng tôi chấp nhận giới tính của người nộp đơn trước mặt anh ta, sẽ có hai lựa chọn là nam hoặc nữ, trong đó anh ta chỉ cần đưa ra một lựa chọn. Sau đó, trong tình huống đó, chúng ta cần tạo các nút radio
Mật khẩu. Nó được sử dụng để tạo một hộp văn bản mật khẩu. Ở ô mật khẩu hiện chữ dưới dạng dấu chấm, không nhìn được chữ. Trình duyệt tự động hiển thị các văn bản đó dưới dạng dấu chấm hoặc dấu hoa thị
Cài lại. Nó được sử dụng để tạo nút Đặt lại và đặt lại các điều khiển về giá trị mặc định của chúng. Nếu không muốn chữ hiển thị trên form bạn tạo giá trị kiểu reset
Nộp. Nó tạo nút Gửi. Khi bạn có thể nhấp vào nút gửi, tất cả thông tin điền vào các điều khiển này sẽ được gửi đến trang “giá trị của thuộc tính hành động trong thẻ biểu mẫu”