Tính viết lại bài xử lí form PHP nên viết bài này trước , chỉ mong tất cả anh em có thể hiểu.
1. Giới thiệu
Một website sẽ trở nên nhàm chán nếu chỉ "cho đi" chứ không "nhận lại", tức bạn chỉ biết chia sẻ tài nguyên chứ không hề biết khách muốn gì ? khách cần điều gì ? Vì thế ta cần một sự tương tác qua lại giữa khách và quản trị viên, mở rộng hơn là sự tương tác, giao tiếp giữa một cộng đồng.
*. Ví dụ: chat room, diễn đàn, trang góp ý-báo lỗi,... đều có sự giao tiếp, tương tác. Ok ?
*. Vậy cái gì giúp bạn điều đó ? Đó là các loại Server Script như PHP, ASP,.. nhưng cái cổng giúp thông tin đi vào lại được xây dựng bằng HTML.
Hôm nay chúng ta sẽ tìm hiểu về nó: Form - biểu mẫu trong HTML
2. Cấu trúc chung của Form HTML
Ta cùng tìm hiểu nó là gì đã nhỉ ?
Form - Biểu mẫu như nói ở trên nó là cái cổng giúp thông tin đi vào. Cụ thể nó gồm các ô để nhập text, các ô đánh dấu, hay một nút ấn,..
*. Ví dụ: phần bình luận dưới đây là 1 form, lúc gửi bài có các ô nhập tên, nội dung, tag, nút ấn "gửi" cũng là một form,.. Bạn không cần tìm hiểu quá rõ (hại não ), mà hãy hình dung nó như thế nào sẽ tốt hơn ^^
*. Form HTML được xây dựng bằng cấu trúc chung sau:
*. Giờ ta sẽ cắt xé ra để hiểu từng phần nhé
- ten_form : Nó giúp ta phân biệt các form với nhau. Để việc xử lí ko bị nhầm lẫn.
- phuong_thuc : Là phương thức để gửi thông tin đi, gồm 2 giá trị GET và POST, mặc định là GET và ta sẽ tìm hiểu sự khác nhau khi ta học cách xử lí thông tin.
- link_xu_li : Link xử lí là đường dẫn tới file xử lí thông tin, nếu không có thẻ này thì được hiểu là xử lí tại chỗ
3. Các cách nhập thông tin
Cái ta tìm hiểu bên trên là phần vỏ, giờ thì bóc vỏ để tìm hiểu cái bên trong
*. Thẻ <input>
- Thẻ input này phải nói là rất đa dạng, "thiên biến vạn hoá" (nói thế cho oai).
- Cấu trúc trung:
<input type="dang_input" name="ten_input" value="gia_tri_mac_dinh" />
và còn thuộc tính nữa tùy input.
Chú ý_ Tên Form có thể ko cần đến nhưng tên input thì nhất định phải có, ko có tên sao ta lấy đc giá trị của nó, đúng ko nào ?
---
Các dạng input rất nhiều nên rất khó để mô tả, vì thế mình chỉ đưa ra ví dụ và chỉ nói qua, bạn phải tự thử các ví dụ để hình dung nó theo ý mình.
a. Ô để nhập Text
b. Nhập Password
Những gì điền vào sẽ bị mã hoá thành dấu *
c. Ô đánh dấu
_Nếu bạn tích vào ô thì input đó sẽ mang giá trị "Đã đánh dấu"
_ Đánh dấu sẵn
d. Radio
Radio là 1 nhóm nút, trong 1 nhóm radio (gồm các radio cùng tên) sẽ không thể chọn 2 nút cùng lúc.
d. Input ẩn
khi ta muốn gửi thông tin nào đó mà ko muốn khách nhìn thấy nó thì dùng cái này. Tất nhiên cần thuộc tính value="Giá trị" để gán thông tin.
e. Submit
Input này là một nút ấn. Khi bạn ấn thông tin sẽ đc gửi đi.
f. Khung soạn thảo - Textarea
Giờ bỏ qua input, ta dùng thẻ khác. Gần giống text nhưng nó to hơn và có thể điều khiển độ lớn của khung.
g. List lựa chọn
đưa ra 1 danh sách giúp bạn lựa chọn
_ Thẻ select sẽ mang giá trị của thẻ bạn chọn. Ví dụ bạn chọn "Việt Nam", thì nó sẽ mang giá trị VN. Ok ?
4. Kết thúc
Bài học hôm nay đến đây kết thúc. Hẹn gặp lại bạn ở bài hướng dẫn xử lí thông tin từ Form bằng PHP.
Chúc thành công!
1. Giới thiệu
Một website sẽ trở nên nhàm chán nếu chỉ "cho đi" chứ không "nhận lại", tức bạn chỉ biết chia sẻ tài nguyên chứ không hề biết khách muốn gì ? khách cần điều gì ? Vì thế ta cần một sự tương tác qua lại giữa khách và quản trị viên, mở rộng hơn là sự tương tác, giao tiếp giữa một cộng đồng.
*. Ví dụ: chat room, diễn đàn, trang góp ý-báo lỗi,... đều có sự giao tiếp, tương tác. Ok ?
*. Vậy cái gì giúp bạn điều đó ? Đó là các loại Server Script như PHP, ASP,.. nhưng cái cổng giúp thông tin đi vào lại được xây dựng bằng HTML.
Hôm nay chúng ta sẽ tìm hiểu về nó: Form - biểu mẫu trong HTML
2. Cấu trúc chung của Form HTML
Ta cùng tìm hiểu nó là gì đã nhỉ ?
Form - Biểu mẫu như nói ở trên nó là cái cổng giúp thông tin đi vào. Cụ thể nó gồm các ô để nhập text, các ô đánh dấu, hay một nút ấn,..
*. Ví dụ: phần bình luận dưới đây là 1 form, lúc gửi bài có các ô nhập tên, nội dung, tag, nút ấn "gửi" cũng là một form,.. Bạn không cần tìm hiểu quá rõ (hại não ), mà hãy hình dung nó như thế nào sẽ tốt hơn ^^
*. Form HTML được xây dựng bằng cấu trúc chung sau:
HTML:
<form name="ten_form" method="phuong_thuc" action="link_xu_li">
<!- Các thẻ giúp nhập thông tin -!>
</form>
- ten_form : Nó giúp ta phân biệt các form với nhau. Để việc xử lí ko bị nhầm lẫn.
- phuong_thuc : Là phương thức để gửi thông tin đi, gồm 2 giá trị GET và POST, mặc định là GET và ta sẽ tìm hiểu sự khác nhau khi ta học cách xử lí thông tin.
- link_xu_li : Link xử lí là đường dẫn tới file xử lí thông tin, nếu không có thẻ này thì được hiểu là xử lí tại chỗ
3. Các cách nhập thông tin
Cái ta tìm hiểu bên trên là phần vỏ, giờ thì bóc vỏ để tìm hiểu cái bên trong
*. Thẻ <input>
- Thẻ input này phải nói là rất đa dạng, "thiên biến vạn hoá" (nói thế cho oai).
- Cấu trúc trung:
<input type="dang_input" name="ten_input" value="gia_tri_mac_dinh" />
và còn thuộc tính nữa tùy input.
Chú ý_ Tên Form có thể ko cần đến nhưng tên input thì nhất định phải có, ko có tên sao ta lấy đc giá trị của nó, đúng ko nào ?
---
Các dạng input rất nhiều nên rất khó để mô tả, vì thế mình chỉ đưa ra ví dụ và chỉ nói qua, bạn phải tự thử các ví dụ để hình dung nó theo ý mình.
a. Ô để nhập Text
HTML:
<input type="text" name="ten" value="" />
<input type="text" name="ten" value="Điền sẵn 1 cái gì đó..." />
b. Nhập Password
HTML:
<input type="password" name="ten" value="test-now" />
c. Ô đánh dấu
HTML:
<input type="checkbox" name="ten" value="Đã đánh dấu" />
HTML:
<input type="checkbox" name="ten" value="Đã đánh dấu" checked="yes" />
d. Radio
Radio là 1 nhóm nút, trong 1 nhóm radio (gồm các radio cùng tên) sẽ không thể chọn 2 nút cùng lúc.
HTML:
<input type="radio" name="radio" value="Đáp án A" />
<input type="radio" name="radio" value="Đáp án B" />
<input type="radio" name="radio" value="Đáp án C" />
<input type="radio" name="radio" value="Đáp án D" />
d. Input ẩn
khi ta muốn gửi thông tin nào đó mà ko muốn khách nhìn thấy nó thì dùng cái này. Tất nhiên cần thuộc tính value="Giá trị" để gán thông tin.
HTML:
<input type="hidden" name="an_input" value="Không cho khách thấy!" />
Input này là một nút ấn. Khi bạn ấn thông tin sẽ đc gửi đi.
HTML:
<input type="submit" name="submit" value="Gửi đi" />
Giờ bỏ qua input, ta dùng thẻ khác. Gần giống text nhưng nó to hơn và có thể điều khiển độ lớn của khung.
HTML:
<textarea name="khung"> </textarea>
<textarea name="khung">Điền sẵn thứ gì đó</textarea>
<textarea name="khung" cols="30" rows="4">Độ lớn: 4 dòng, mỗi dòng 30 kí tự</textarea>
đưa ra 1 danh sách giúp bạn lựa chọn
HTML:
Bạn đến từ: <select name="luachon">
<option value="VN">Việt Nam</option>
<option value="VT">Vũ trụ</option>
</select>
4. Kết thúc
Bài học hôm nay đến đây kết thúc. Hẹn gặp lại bạn ở bài hướng dẫn xử lí thông tin từ Form bằng PHP.
Chúc thành công!