Form html
Các hình thức HTML được sử dụng để chọn các loại khác nhau của người dùng nhập vào.
Hãy thử-It-Yourself Ví dụ |
Tạo các lĩnh vực văn bản
Làm thế nào để tạo ra các lĩnh vực văn bản. Người dùng có thể viết văn bản trong một lĩnh vực văn bản .
Làm thế nào để tạo ra các lĩnh vực văn bản. Người dùng có thể viết văn bản trong một lĩnh vực văn bản .
Tạo mật khẩu lĩnh vực
Làm thế nào để tạo ra một lĩnh vực mật khẩu.
Làm thế nào để tạo ra một lĩnh vực mật khẩu.
(Bạn có thể tìm thấy ví dụ ở dưới cùng của trang này)
HTML Các hình thức
Các hình thức HTML được sử dụng để truyền dữ liệu đến một máy chủ.
Một hình thức 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 các nút và nhiều hơn nữa. Một hình thức cũng có thể chứa danh sách lựa chọn, textarea, fieldset, truyền thuyết, và các yếu tố nhãn.
Thẻ <form> được sử dụng để tạo ra một hình thức HTML:
<form> . input elements . </form> |
HTML Các hình thức - yếu tố đầu vào
Các yếu tố hình thức quan trọng nhất là yếu tố đầu vào.
Các yếu tố đầu vào được sử dụng để chọn thông tin người dùng.
Một yếu tố đầu vào 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ố đầu vào có thể được loại trường văn bản, hộp kiểm, mật khẩu, nút radio, trình nút, và nhiều hơn nữa.
Các loại đầu vào được sử dụng nhiều nhất được mô tả dưới đây.
Văn bản Fields
<input type="text" /> xác định lĩnh vực đầu vào một 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ình duyệt:
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 chiều rộng mặc định của một trường văn bản là 20 ký tự .
Mật khẩu trường
<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ình duyệt:
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) .
Đài phát thanh Buttons
<input type="radio" định nghĩa một nút radio. Nút radio cho phép người dùng lựa chọn ONLY ONE một trong một số giới hạn của sự 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ình duyệt:
Hộp kiểm tra
<input type="checkbox" định nghĩa một hộp kiểm. Hộp kiểm tra cho phép người dùng lựa chọn một hoặc nhiều tùy chọn của một số giới hạn của sự 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ình duyệt:
Gửi nút
<input type="submit" định nghĩa một nút gửi.
Một nút submit được sử dụng để gửi dữ liệu mẫu đến một máy chủ. 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ình duyệt:
Nếu bạn gõ một số ký tự trong lĩnh vực văn bản trên, và nhấn 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". Các trang sẽ hiển thị cho bạn các đầu vào nhận được.
Đầu vào ví dụ
Nút radio
Làm thế nào để tạo ra các nút radio.
Làm thế nào để tạo ra các nút radio.
Hộp kiểm tra
Làm thế nào để tạo ra các hộp kiểm tra. Một người sử dụng có thể lựa chọn hoặc bỏ chọn hộp kiểm .
Làm thế nào để tạo ra các hộp kiểm tra. Một người sử dụng có thể lựa chọn hoặc bỏ chọn hộp kiểm .
Đơn giản danh sách thả xuống
Làm thế nào để tạo ra một danh sách thả xuống đơn giản.
Làm thế nào để tạo ra một danh sách thả xuống đơn giản.
Danh sách thả xuống với một giá trị trước khi lựa
chọn Làm thế nào để tạo ra một danh sách thả xuống với một giá trị được lựa chọn trước.
chọn Làm thế nào để tạo ra một danh sách thả xuống với một giá trị được lựa chọn trước.
Textarea
Làm thế nào để tạo ra một kiểm soát đầu vào nhiều dòng văn bản . Trong một khu vực văn bản, người dùng có thể viết một số lượng không giới hạn của nhân vật.
Làm thế nào để tạo ra một kiểm soát đầu vào nhiều dòng văn bản . Trong một khu vực văn bản, người dùng có thể viết một số lượng không giới hạn của nhân vật.
Tạo một nút
Làm thế nào để tạo ra một nút.
Làm thế nào để tạo ra một nút.
Mẫu ví dụ
Fieldset xung quanh hình thức dữ liệu
Làm thế nào để tạo ra một đường viền xung quanh các yếu tố dưới các hình thức.
Làm thế nào để tạo ra một đường viền xung quanh các yếu tố dưới các hình thức.
Hình thức với các lĩnh vực văn bản và một nút
trình Làm thế nào để tạo ra một hình thức với hai lĩnh vực văn bản và một nút submit.
trình Làm thế nào để tạo ra một hình thức với hai lĩnh vực văn bản và một nút submit.
Hình thức với hộp kiểm
tra Làm thế nào để tạo ra một hình thức với hai hộp kiểm và nút submit .
tra Làm thế nào để tạo ra một hình thức với hai hộp kiểm và nút submit .
Hình thức với các nút
vô tuyến Làm thế nào để tạo ra một hình thức với hai nút radio, và một nút submit.
vô tuyến Làm thế nào để tạo ra một hình thức với hai nút radio, và một nút submit.
Gửi e-mail từ một hình thức
Làm thế nào để gửi e-mail từ một biểu mẫu.
Làm thế nào để gửi e-mail từ một biểu mẫu.
HTML Form Download
Tag | Mô tả |
---|---|
<form> | Định nghĩa một hình thức HTML cho người dùng nhập vào |
<input /> | Định nghĩa một kiểm soát đầu vào |
<textarea> | Xác định kiểm soát đầu vào nhiều dòng văn bản |
<label> | Định nghĩa một nhãn cho một yếu tố đầu vào |
<fieldset> | Định nghĩa một đường viền xung quanh các yếu tố dưới các hình thức |
<legend> | Định nghĩa một chú thích cho một yếu tố fieldset |
<select> | Định nghĩa một danh sách lựa chọn (danh sách thả xuống) |
<optgroup> | Định nghĩa một nhóm các tùy chọn liên quan trong một danh sách lựa chọn |
<option> | Định nghĩa một tùy chọn trong một danh sách lựa chọn |
<button> | Định nghĩa một nút nhấn |
0 Response to "Form html"
Đăng nhận xét