Bài 12. Tạo biểu mẫu

datcoder

Tạo một biểu mẫu đăng kí thành viên câu lạc bộ.

Người Già
8 tháng 5 lúc 0:22

*Phần tử Form:

-Form cơ bản:

Ví dụ: Một biểu mẫu đăng ký tài khoản.

<<form action="/register" method="post">

  <!-- Các phần tử input và nút gửi dữ liệu sẽ được thêm vào đây -->

</form>

-Form có phần tử select:

Ví dụ: Form chọn quốc gia.

<form>

  <label for="country">Quốc gia:</label>

  <select id="country" name="country">

    <option value="vietnam">Việt Nam</option>

    <option value="usa">United States</option>

    <option value="uk">United Kingdom</option>

    <!-- Các quốc gia khác có thể được thêm vào đây -->

  </select>

</form>

- Form với textarea:

Ví dụ: Một ô nhập văn bản lớn cho người dùng nhập ý kiến hoặc phản hồi.

<form>

  <label for="feedback">Phản hồi:</label><br>

  <textarea id="feedback" name="feedback" rows="4" cols="50"></textarea>

</form>

*Phần tử Input:

-Input kiểu text:

Ví dụ: Ô nhập tên người dùng.

<form>

  <label for="username">Tên người dùng:</label>

  <input type="text" id="username" name="username">

</form>

- Input kiểu email:

Ví dụ: Ô nhập địa chỉ email.

<form>

  <label for="email">Email:</label>

  <input type="email" id="email" name="email">

</form>

-Input kiểu date:

Ví dụ: Ô chọn ngày sinh.

<form>

  <label for="birthdate">Ngày sinh:</label>

  <input type="date" id="birthdate" name="birthdate">

</form>

Bình luận (0)