Thứ Sáu, 20 tháng 12, 2013
HTML Forms and Input
Các hình thức HTML được sử dụng để lựa chọn các loại khác nhau của người dùng nhập vào.
Các hình thức HTML
Các hình thức HTML được sử dụng để truyền dữ liệu đến một máy chủ.
Một dạng HTML có thể chứa các yếu tố đầu vào như các lĩnh vực văn bản, hộp kiểm tra, phát thanh-nút, trình nút và nhiều hơn nữa. Một hình thức cũng có thể chứa danh sách chọn, textarea, fieldset, huyền thoại, và các yếu tố nhãn.
Thẻ <form> được sử dụng để tạo ra một dạng HTML:
<form>
.
input elements
.
</form>
<form>
.
input elements
.
</form>
.
input elements
.
</form>
Các hình thức HTML - Các phần tử đầu vào
Các yếu tố hình thức quan trọng nhất là yếu tố <input>.
Các yếu tố <input> được sử dụng để chọn thông tin người dùng.
Một yếu tố <input> có thể thay đổi bằng nhiều cách, tùy thuộc vào loại thuộc tính. Một yếu tố <input> có thể có trường văn bản loại, hộp kiểm, mật khẩu, nút radio, nút gửi, và nhiều hơn nữa.
Các loại đầu vào phổ biến nhất được mô tả dưới đây.
Các lĩnh vực văn bản
<input type="text"> định nghĩa một lĩnh vực đầu vào một dòng mà người dùng có thể nhập văn bản vào:
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
Làm thế nào các mã HTML trên trông trong một trình duyệt:
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
Lưu ý: Các hình thức chính nó là không nhìn thấy được. Cũng lưu ý rằng mặc định chiều rộng của một trường text là 20 ký tự.
Dòng mật khẩu
<input type="password"> định nghĩa một lĩnh vực mật khẩu:
<form>
Password: <input type="password" name="pwd">
</form>
Làm thế nào các mã HTML trên trông trong một trình duyệt:
<form>
Password: <input type="password" name="pwd">
</form>
Password: <input type="password" name="pwd">
</form>
Lưu ý: Các nhân vật trong một lĩnh vực mật khẩu được đeo mặt nạ (hiển thị như dấu sao hoặc vòng tròn).
Radio Buttons
<input type="radio"> định nghĩa một nút radio. Nút radio cho người dùng lựa chọn chỉ là một trong một số giới hạn các lựa chọn:
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
Làm thế nào các mã HTML trên trông trong một trình duyệt:
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
Hộp kiểm tra
<input type="checkbox"> định nghĩa một hộp kiểm. Hộp kiểm cho phép người dùng chọn không hay nhiều tùy chọn của một số giới hạn các lựa chọn.
<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
Làm thế nào các mã HTML trên trông trong một trình duyệt:
<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
Trình Nút
<input type="submit"> định nghĩa một nút gửi.
Một nút gửi được sử dụng để gửi dữ liệu đến một máy chủ hình thức. Các dữ liệu được gửi đến trang quy định trong thuộc tính hành động của hình thức. Các tập tin được xác định trong thuộc tính hành động thường làm điều gì đó với các đầu vào nhận được:
<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
Làm thế nào các mã HTML trên trông trong một trình duyệt:
<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
Nếu bạn gõ một số ký tự trong lĩnh vực văn bản trên, và nhấn vào nút "Gửi", trình duyệt sẽ gửi đầu vào của bạn đến một trang gọi là "html_form_action.asp". Trang sẽ cho bạn thấy đầu vào nhận được.
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét