Thẻ input trên lập trình php - bài học php cơ bản

Raovat.tuoitrevn.NET - Diễn đàn rao vặt hiệu quả - Đăng tin quảng cáo miễn phí, mua bán rao vặt uy tín chất lượng hàng đầu Việt Nam .Đối có 1 website bình thường sẽ chẳng thể thiếu được các thẻ input. Vậy các thẻ input này có tác dụng như thế nào mà nó lại cần thiết đến như vậy. Thì thẻ input là 1 trong các thẻ được HTML cung câp để cho các bạn có thể nhập dữ liệu và có thể thoa tác có trang web và trang web chậm tiến độ sẽ lấy nội dung trong khoảng các input này và xử lý theo bắt buộc của các bạn ở phía server-side. Trong bài viết này chúng ta sẽ cộng nhau Đánh giá các thẻ input thường dùng như text, password...
Giới thiệu
Đối có 1 website bình thường sẽ chẳng thể thiếu được các thẻ input. Vậy các thẻ input này có tác dụng như thế nào mà nó lại cần thiết đến như vậy. Thì thẻ input là 1 trong các thẻ được HTML cung cấp để cho các bạn có thể nhập dữ liệu và có thể thao tác có trang web và trang web này sẽ lấy nội dung trong khoảng các input và xử lý theo bắt buộc của các bạn ở phía server-side. Trong bài viết này chúng ta sẽ cộng nhau Đánh giá các thẻ input bình thường dùng như text, password...
Tiền đề bài viết
chỉ dẫn về học lập trình php
Đối tượng hướng đến
Lập trình viên mới bắt đầu lập trình web căn bản có HTML và đã xem qua các bài viết trước trong chuỗi bài viết về HTML.
Cấu trúc thẻ input
Thẻ input được HTML hổ trợ có cấu trúc như sau:

Với:
input: là thẻ được định nghĩa trong html.
type: là kiểu của input, có thể là text, password, email, button, submit. Sẽ Đánh giá kĩ hơn ở phần sau.
name: thuộc tính này dùng để trang web có thể lấy được giá trị của input và sử lý ở phía server-side.
các cái thẻ input sẽ có các thuộc tính khác nhau.
Các thẻ input thông dụng
giả dụ bạn nào đã từng lập trình Windows Form thì có các thẻ input này Anh chị có thể thấy chúng hoàn toàn như vậy nhau, như radio, checkbox, text mà tôi sẽ biểu đạt dưới đây.
text
text là input dùng để nhập dữ liệu dưới dạng văn bản trên 1 dòng:

password
như vậy text thì password là thẻ input cho phép các bạn nhập văn bản nhưng văn bản nhập vào sẽ hiện thị dấu *. bình thường được chuyên dụng cho trường hợp các bạn nhập mật khẩu.

1. User Name
   
   
   
   
   
   
2. Password
   
   
   
   

Kết quả

radio
Tiếp theo là 1 input mà Anh chị có thể dễ dàng thấy khi đăng kí thành viên của diễn đàn chậm tiến độ là radio. Thẻ input radio cho phép các bạn chọn 1 trong đa dạng sự chọn lọc thí dụ như giới tính...

1. Gender
   
   
   
2. Male
   
   
   
3. Female
   

Kết quả
chỉ dẫn về học javascript
checkbox
Cũng như vậy như radio thì checkbox cho phép các bạn có đa dạng sự chọn lọc khác nhau.

1. Order Products
   
   
   
2. Iphone 6
   
   
   
3. Iphone 6s
   
   
   
4. Galaxy S4
   

Kết quả

button
Thẻ input button định nghĩa cho chúng ta 1 button cho phép các bạn click vào.




Kết quả sau khi nhấn vào button Click Me!

file
file là input cho phép các bạn chọn file trong khoảng máy tính của mình.



Kết quả

Hộp thoại được mở lên khi bạn click vào Chọn tập tin...

Trên đây chúng ta đã Đánh giá 1 số input căn bản. Tiếp theo chúng ta chúng ta sẽ cộng Đánh giá 1 số thẻ input được HTML5 cung cấp. giả dụ trình chuẩn y không hổ trợ HTML5 thì trình chuẩn y sẽ hiểu các thẻ input chậm tiến độ như là các cái văn bản.
number
number là input cho phép các bạn chọn lọc các giá trị số trong khoảng xác định.



có min là dừng dưới, max là dừng trên, giá trị mà các bạn chọn chỉ có thể nằm trong khoảng mix -> max.
Kết quả

color
Để lấy mã màu html có hổ trợ cho chúng ta input color có cú pháp dùng như sau

1. Color Dialog
   
   
   

Kết quả

Hộp thoại Color được mở lên

email
email là input hơi dễ dàng dùng, input này cho phép các bạn nhập email.

1. Email
   
   
   

Kết quả

Ngoài các input này thì HTML5 còn có hổ trợ đa số thẻ input khác như data, datetime, time, search, month, week...Các bạn có thể Đánh giá thêm để có thể giúp ích cho Anh chị trong công đoạn lớn mạnh website.

Đánh giá về bài học android cơ bản
Lời kết
Qua bài viết này, tôi đã giới thiệu 1 số thẻ input thường xuyên được dùng trong website ở chừng độ căn bản. bí quyết xử lý các input này như thế nào sẽ được giới thiệu ở bài viết