Thẻ input trong HTML
Trong bài này chúng ta sẽ tìm hiểu cách sử dụng thẻ input trong HTML, đây là thẻ dùng để lấy dữ liệu mà người dùng nhập vào.

Thẻ input có chức năng tạo một trường để người dùng có thể nhập dữ liệu đầu vào.
Thẻ input được sử dụng cùng với thẻ form để khai báo điều khiển đầu vào cho phép người dùng nhập dữ liệu.
Một trường input có thể thay đổi theo nhiều cách, phụ thuộc vào thuộc tính truyền vào.
Bài viết này được đăng tại [free tuts .net]
1. Cách sử dụng thẻ input
Ví dụ: Form đăng nhập với các trường input.
<form>
<h1> Login </h1>
Username: <input type="text" name="username">
<br />
Password: <input type="passwword" name="passwword">
<br />
<input type="submit" name="submit" value="Login">
</form>Chúng ta có thể thấy rằng, với các giá trị khác nhau của thuộc tính type, trường input được hiển thị theo nhiều cách khác nhau.
2. Một số thuộc tính của thẻ input
Thuộc tính type
Type là thuộc tính quan trọng nhất của thẻ input, nó sẽ quy định tính năng của thẻ input đó.
Một số giá trị của type:
text: trường nhập văn bản.password: trường nhập mật khẩu, các kí tự nhập sẽ bị che đi bằng các kí tự *.checkbox: ô checkbox.radio: Ô radio buttonsubmit: nút nhấn để submit form.
Một số giá trị trong HTML5:
number: Kiểu numberurl: Kiểu đường dẫn trang webemail: Kiểu email
Còn nhiều giá trị nữa nhưng ở đây mình chỉ liệt kê một số giá trị hay sử dụng nhất.
Thuộc tính value
Value cũng là một thuộc tính rất quan trọng của thẻ input, nó quy định giá trị của thẻ input.
Ví dụ: thuộc tính value của thẻ input
<form> <h1> Login </h1> Username: <input type="text" name="username" value="Nhập username" > <br /> Password: <input type="passwword" name="passwword" value="Nhập password"> <br /> <input type="submit" name="submit" value="Đăng Nhập"> </form>
Thuộc tính pattern:
Đây là thuộc tính rất hay, được thêm vào kể từ phiên bản HTML5.
Thuộc tính này giúp ta tạo ra các chuỗi pattern dùng để validate dữ liệu khi submit form. Xem thêm trong bài viết validate form bằng HTML5 để hiểu rõ hơn.
Trình duyệt hỗ trợ:
- Chrome
- Firefox
- IE
- Safari
- Opera

Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..)
Chia lấy phần dư / chia lấy phần nguyên trong javascript
Các cách khai báo biến trong Javascript
Các sự kiện (Event) trong Javascript
Hướng tạo thanh search bar bằng CSS
Hàm array.slice() trong Javascript
Tính tổng hai số bằng Javascript (cộng hai số)
Cách khai báo biến trong PHP, các loại biến thường gặp
Download và cài đặt Vertrigo Server
Thẻ li trong HTML
Thẻ article trong HTML5
Cấu trúc HTML5: Cách tạo template HTML5 đầu tiên
Cách dùng thẻ img trong HTML và các thuộc tính của img
Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng