lập trình trực tuyến

Ví dụ

Một hình thức HTML với tự động hoàn chỉnh trên (và tắt cho một lĩnh vực đầu vào):

<form action="demo_form.asp" autocomplete="on">
  First name:<input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  E-mail: <input type="email" name="email" autocomplete="off"><br>
  <input type="submit">
</form>

Thử nó cho mình »

<form> novalidate thuộc tính

Ví dụ

Chỉ ra rằng hình thức không phải là để được xác nhận trên trình:

<form action="demo_form.asp" novalidate>
  E-mail: <input type="email" name="user_email">
  <input type="submit">
</form>

Thử nó cho mình »

<input> tự động lấy nét thuộc tính

Ví dụ

Hãy để cho "tên đầu tiên" trường nhập tự động nhận được tập trung khi tải trang:

First name:<input type="text" name="fname" autofocus>

Thử nó cho mình »

<input> hình thức thuộc tính

Ví dụ

Một trường đầu vào nằm ngoài các hình thức HTML (nhưng vẫn còn một phần của biểu mẫu):

<form action="demo_form.asp" id="form1">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

Last name: <input type="text" name="lname" form="form1">

Thử nó cho mình »

<input> formaction thuộc tính

Ví dụ

Một hình thức HTML với hai trình nút, với những hành động khác nhau:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit"><br>
  <input type="submit" formaction="demo_admin.asp"
  value="Submit as admin">
</form>

Thử nó cho mình »

<input> Thuộc tính formenctype

Ví dụ

Gửi hình thức dữ liệu được mã hóa mặc định (nút đầu tiên trình), và mã hóa như là "multipart / form-data" (nút gửi thứ hai):

<form action="demo_post_enctype.asp" method="post">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
  <input type="submit" formenctype="multipart/form-data"
  value="Submit as Multipart/form-data">
</form>

Thử nó cho mình »

<input> formmethod thuộc tính

Ví dụ

Nút gửi thứ hai ghi đè các phương thức HTTP có dạng:

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
  <input type="submit" formmethod="post" formaction="demo_post.asp"
  value="Submit using POST">
</form>

Thử nó cho mình »

<input> formnovalidate thuộc tính

Ví dụ

Một hình thức với hai trình nút (có và không có xác nhận):

<form action="demo_form.asp">
  E-mail: <input type="email" name="userid"><br>
  <input type="submit" value="Submit"><br>
  <input type="submit" formnovalidate value="Submit without validation">
</form>

Thử nó cho mình »

<input> formtarget thuộc tính

Ví dụ

Một hình thức với hai trình nút, với các cửa sổ mục tiêu khác nhau:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit as normal">
  <input type="submit" formtarget="_blank"
  value="Submit to a new window">
</form>

Thử nó cho mình »

<input> chiều cao và chiều rộng thuộc tính

Ví dụ

Xác định một hình ảnh như là nút gửi, với chiều cao và các thuộc tính chiều rộng:

<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">

Thử nó cho mình »

<input> danh sách thuộc tính

Ví dụ

Một yếu tố <input> với các giá trị được xác định trước trong một <datalist>:

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Thử nó cho mình »

phút <input> và thuộc tính tối đa

Ví dụ

yếu tố <input> với giá trị min và max:

Enter a date before 1980-01-01:
<input type="date" name="bday" max="1979-12-31">

Enter a date after 2000-01-01:
<input type="date" name="bday" min="2000-01-02">

Quantity (between 1 and 5):
<input type="number" name="quantity" min="1" max="5">

Thử nó cho mình »

<input> nhiều thuộc tính

Ví dụ

Một lĩnh vực tải lên tập tin mà chấp nhận nhiều giá trị:

Select images: <input type="file" name="img" multiple>

Thử nó cho mình »

<input> mẫu thuộc tính

Ví dụ

Một trường đầu vào có thể chứa chỉ có ba chữ cái (không có số hoặc ký tự đặc biệt):

Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">

Thử nó cho mình »

<input> giữ chỗ thuộc tính

Ví dụ

Một trường đầu vào với một văn bản giữ chỗ:

<input type="text" name="fname" placeholder="First name">

Thử nó cho mình »

<input> yêu cầu thuộc tính

Ví dụ

Một lĩnh vực đầu vào yêu cầu:

Username: <input type="text" name="usrname" required>

Thử nó cho mình »

bước <input> thuộc tính

Ví dụ

Một trường đầu vào với một khoảng thời gian quy định pháp lý số:

<input type="number" name="points" step="3">

Thử nó cho mình »