CSS phần tử biểu mẫu là gì?

Nếu bạn không biết phần tử là gì hoặc bạn phải sử dụng nó như thế nào, tôi khuyên bạn nên đọc hướng dẫn "Thẻ và thuộc tính HTML" mà bạn có thể tìm thấy trong phần hướng dẫn HTML

Mục lục

Sự miêu tả

Phần tử

 action="../../form-result.php" method="post" target="_blank">
  

Full name: type="text" name="fullname">

Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

Address: type="text" name="address">

Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

type="submit" value="Send data"> type="reset" value="Reset form">

4 chèn một thành phần được thiết kế để chứa các điều khiển mà người dùng có thể tương tác để gửi thông tin trở lại máy chủ. Yếu tố này thường được sử dụng để thu thập thông tin từ khách truy cập trang web, như sở thích, nhận xét, ý kiến, v.v. Nó cũng rất quan trọng trong quá trình đăng nhập một số trang web cung cấp

Trong tất cả các thuộc tính của nó, hai thuộc tính có tầm quan trọng lớn hơn và thường được sử dụng.

 action="../../form-result.php" method="post" target="_blank">
  

Full name: type="text" name="fullname">

Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

Address: type="text" name="address">

Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

type="submit" value="Send data"> type="reset" value="Reset form">

5 và
 action="../../form-result.php" method="post" target="_blank">
  

Full name: type="text" name="fullname">

Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

Address: type="text" name="address">

Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

type="submit" value="Send data"> type="reset" value="Reset form">

6. Thuộc tính
 action="../../form-result.php" method="post" target="_blank">
  

Full name: type="text" name="fullname">

Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

Address: type="text" name="address">

Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

type="submit" value="Send data"> type="reset" value="Reset form">

5 cho biết vị trí của tập lệnh sẽ xử lý thông tin được gửi bởi trình duyệt, khi biểu mẫu được gửi. Tập lệnh này được viết bằng bất kỳ ngôn ngữ phía máy chủ nào và được cho là sẵn sàng nhận và xử lý dữ liệu của biểu mẫu

Mặt khác, thuộc tính

 action="../../form-result.php" method="post" target="_blank">
  

Full name: type="text" name="fullname">

Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

Address: type="text" name="address">

Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

type="submit" value="Send data"> type="reset" value="Reset form">

6 chỉ ra cách trình duyệt nên đính kèm dữ liệu của biểu mẫu vào yêu cầu. Bạn nên sử dụng phương thức POST vì nó che giấu thông tin đã gửi và cho phép truyền dữ liệu nhị phân. Tuy nhiên, một số tình huống cụ thể có thể yêu cầu sử dụng phương thức GET

Ngoài thuộc tính này và một vài thuộc tính khác,

 action="../../form-result.php" method="post" target="_blank">
  

Full name: type="text" name="fullname">

Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

Address: type="text" name="address">

Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

type="submit" value="Send data"> type="reset" value="Reset form">

4 chỉ là một vùng chứa cho nhiều phần tử khác, hầu hết chúng đại diện cho nhiều loại điều khiển. Những yếu tố này được liệt kê dưới đây

  •  action="../../form-result.php" method="get" target="_blank">
      
    Basic information

    Full name: type="text" name="fullname">

    Birth date: type="date" name="birthdate">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Phone number: type="tel" name="phone">

    Extra information

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    Favorite color: type="color" name="favoritecolor">

    type="submit" value="Send data"> type="reset" value="Reset form">

    0. một nút mà khi được nhấn có thể thực hiện các hành động khác nhau tùy thuộc vào thuộc tính
     action="../../form-result.php" method="get" target="_blank">
      
    Basic information

    Full name: type="text" name="fullname">

    Birth date: type="date" name="birthdate">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Phone number: type="tel" name="phone">

    Extra information

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    Favorite color: type="color" name="favoritecolor">

    type="submit" value="Send data"> type="reset" value="Reset form">

    1 của nó. biến thể của nó là
    •  action="../../form-result.php" method="get" target="_blank">
        
      Basic information

      Full name: type="text" name="fullname">

      Birth date: type="date" name="birthdate">

      Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

      Address: type="text" name="address">

      Phone number: type="tel" name="phone">

      Extra information

      Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

      Favorite color: type="color" name="favoritecolor">

      type="submit" value="Send data"> type="reset" value="Reset form">

      2. gửi biểu mẫu cho đại lý xử lý
    •  action="../../form-result.php" method="get" target="_blank">
        
      Basic information

      Full name: type="text" name="fullname">

      Birth date: type="date" name="birthdate">

      Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

      Address: type="text" name="address">

      Phone number: type="tel" name="phone">

      Extra information

      Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

      Favorite color: type="color" name="favoritecolor">

      type="submit" value="Send data"> type="reset" value="Reset form">

      3. đặt lại tất cả các điều khiển trong biểu mẫu về giá trị mặc định của chúng
    •  action="../../form-result.php" method="get" target="_blank">
        
      Basic information

      Full name: type="text" name="fullname">

      Birth date: type="date" name="birthdate">

      Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

      Address: type="text" name="address">

      Phone number: type="tel" name="phone">

      Extra information

      Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

      Favorite color: type="color" name="favoritecolor">

      type="submit" value="Send data"> type="reset" value="Reset form">

      0. không thực hiện hành động
    •  action="../../form-result.php" method="get" target="_blank">
        
      Basic information

      Full name: type="text" name="fullname">

      Birth date: type="date" name="birthdate">

      Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

      Address: type="text" name="address">

      Phone number: type="tel" name="phone">

      Extra information

      Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

      Favorite color: type="color" name="favoritecolor">

      type="submit" value="Send data"> type="reset" value="Reset form">

      5. hiển thị một menu
  •  action="../../form-result.php" method="get" target="_blank">
      
    Basic information

    Full name: type="text" name="fullname">

    Birth date: type="date" name="birthdate">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Phone number: type="tel" name="phone">

    Extra information

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    Favorite color: type="color" name="favoritecolor">

    type="submit" value="Send data"> type="reset" value="Reset form">

    6. nhóm theo chủ đề một bộ điều khiển
  •  action="../../form-result.php" method="get" target="_blank">
      
    Basic information

    Full name: type="text" name="fullname">

    Birth date: type="date" name="birthdate">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Phone number: type="tel" name="phone">

    Extra information

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    Favorite color: type="color" name="favoritecolor">

    type="submit" value="Send data"> type="reset" value="Reset form">

    7. một trong nhiều điều khiển theo giá trị của thuộc tính
     action="../../form-result.php" method="get" target="_blank">
      
    Basic information

    Full name: type="text" name="fullname">

    Birth date: type="date" name="birthdate">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Phone number: type="tel" name="phone">

    Extra information

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    Favorite color: type="color" name="favoritecolor">

    type="submit" value="Send data"> type="reset" value="Reset form">

    1. đó là
    • ẩn giấu. một điều khiển ẩn được sử dụng để gửi thông tin đến máy chủ, thường được quản lý bởi các tập lệnh
    • chữ. một điều khiển được sử dụng để nhập một đoạn văn bản một dòng
    • Tìm kiếm. giống như văn bản nhưng cho mục đích tìm kiếm
    • điện thoại. một điều khiển được sử dụng để cung cấp một số điện thoại
    • url. một hộp văn bản được sử dụng để nhập một URL duy nhất và tuyệt đối
    • e-mail. một điều khiển được thiết kế để chỉnh sửa một hoặc nhiều địa chỉ e-mail
    • mật khẩu mở khóa. một hộp văn bản để chỉnh sửa mật khẩu, trong đó các ký tự được biểu thị bằng dấu chấm
    • ngày giờ. một điều khiển để nhập ngày và giờ toàn cầu cụ thể
    • ngày tháng. một điều khiển để nhập một ngày cụ thể
    • tháng. một điều khiển để nhập một tháng cụ thể
    • tuần. một điều khiển để nhập một tuần cụ thể
    • thời gian. một điều khiển để nhập một thời gian cụ thể
    • con số. một điều khiển để nhập một số
    • phạm vi. một điều khiển để nhập một hoặc hai số trong một phạm vi
    • màu. một điều khiển để nhập một màu
    • hộp kiểm. một điều khiển để nhập giá trị boolean (true/false)
    • Đài. một điều khiển được sử dụng để chọn một tùy chọn duy nhất trong số nhiều tùy chọn
    • tập tin. một điều khiển được sử dụng để tải tệp lên máy chủ
    • Gửi đi. một nút được sử dụng để gửi biểu mẫu
    • hình ảnh. giống như gửi nhưng với khả năng được hiển thị dưới dạng hình ảnh thay vì sử dụng giao diện nút mặc định
    • cài lại. một nút được sử dụng để đặt lại các điều khiển của biểu mẫu về giá trị mặc định của chúng
    • cái nút. một nút không có hành động mặc định được liên kết
  •  action="../../form-result.php" method="get" target="_blank">
      
    Basic information

    Full name: type="text" name="fullname">

    Birth date: type="date" name="birthdate">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Phone number: type="tel" name="phone">

    Extra information

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    Favorite color: type="color" name="favoritecolor">

    type="submit" value="Send data"> type="reset" value="Reset form">

    9. một điều khiển được sử dụng để tạo cặp khóa công khai/riêng tư
  •  action="../../form-result.php" method="post" target="_blank">
      

    Full name: type="text" name="fullname">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    type="submit" value="Send data"> type="reset" value="Reset form">

    60. một phần tử được sử dụng để cung cấp chú thích cho các điều khiển trong biểu mẫu
  •  action="../../form-result.php" method="post" target="_blank">
      

    Full name: type="text" name="fullname">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    type="submit" value="Send data"> type="reset" value="Reset form">

    61. một đối tượng đại diện và hình ảnh, có thể được sử dụng làm bản đồ hình ảnh phía máy khách
  •  action="../../form-result.php" method="post" target="_blank">
      

    Full name: type="text" name="fullname">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    type="submit" value="Send data"> type="reset" value="Reset form">

    62. một phần tử được sử dụng hiển thị kết quả của phép tính do trang thực hiện hoặc kết quả của hành động của người dùng, dựa trên các điều khiển của biểu mẫu
  •  action="../../form-result.php" method="post" target="_blank">
      

    Full name: type="text" name="fullname">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    type="submit" value="Send data"> type="reset" value="Reset form">

    63. một điều khiển được sử dụng để chọn một hoặc nhiều tùy chọn từ danh sách
  •  action="../../form-result.php" method="post" target="_blank">
      

    Full name: type="text" name="fullname">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    type="submit" value="Send data"> type="reset" value="Reset form">

    64. một điều khiển được sử dụng để nhập một đoạn văn bản bao gồm một hoặc nhiều dòng
  •  action="../../form-result.php" method="post" target="_blank">
      

    Full name: type="text" name="fullname">

    Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

    Address: type="text" name="address">

    Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

    type="submit" value="Send data"> type="reset" value="Reset form">

    65. một hình ảnh có thể được sử dụng làm bản đồ hình ảnh phía máy khách

Khi được sử dụng đúng cách, đặc biệt kể từ khi HTML5 bắt đầu được chấp nhận, các biểu mẫu là một công cụ mạnh mẽ cho phép tác giả không chỉ thu thập thông tin rất có giá trị từ người dùng mà còn phát triển các ứng dụng phức tạp, có khả năng thu thập và xử lý thông tin rất cụ thể theo nhiều cách khác nhau

Thuộc tính

 action="../../form-result.php" method="post" target="_blank">
  

Full name: type="text" name="fullname">

Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

Address: type="text" name="address">

Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

type="submit" value="Send data"> type="reset" value="Reset form">

66 của phần tử này đã bị xóa khỏi các phiên bản trước của tiêu chuẩn. HTML5 đã khôi phục nó để cho phép các tác giả tham chiếu biểu mẫu theo tên của nó trong bộ sưu tập biểu mẫu

Thuộc tính

 action="../../form-result.php" method="post" target="_blank">
  

Full name: type="text" name="fullname">

Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

Address: type="text" name="address">

Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

type="submit" value="Send data"> type="reset" value="Reset form">

67 của phần tử này đã bị xóa khỏi HTML5 do thừa. Thay vào đó, tác giả nên sử dụng thuộc tính
 action="../../form-result.php" method="post" target="_blank">
  

Full name: type="text" name="fullname">

Gender: type="radio" name="gender" value="male"> Male type="radio" name="gender" value="female"> Female

Address: type="text" name="address">

Interests: type="checkbox" name="books"> Books type="checkbox" name="movies"> Movies type="checkbox" name="videogames"> Videogames

type="submit" value="Send data"> type="reset" value="Reset form">

67 trong các điều khiển

Phần tử biểu mẫu là gì tại sao nó được sử dụng?

Phần tử biểu mẫu chèn một thành phần được thiết kế để chứa các điều khiển mà người dùng có thể tương tác để gửi thông tin trở lại máy chủ . Yếu tố này thường được sử dụng để thu thập thông tin từ khách truy cập trang web, như sở thích, nhận xét, ý kiến, v.v.

Biểu mẫu trong CSS là gì?

Biểu mẫu CSS được dùng để tạo biểu mẫu tương tác cho người dùng và cung cấp nhiều cách để đặt kiểu. Có nhiều thuộc tính CSS có sẵn có thể được sử dụng để tạo và tạo kiểu cho các biểu mẫu HTML để làm cho chúng tương tác hơn.

Yếu tố hình thức trong thiết kế web là gì?

Các thành phần được sử dụng trong biểu mẫu HTML là hộp kiểm, hộp nhập, nút chọn, nút gửi , v.v. Sử dụng các yếu tố này, thông tin của người dùng được gửi trên máy chủ web. Thẻ biểu mẫu được sử dụng để tạo biểu mẫu HTML.

Phần tử điều khiển biểu mẫu là gì?

Kiểm soát biểu mẫu kích hoạt khả năng truy cập bằng cách sử dụng cách tiếp cận thống nhất đối với các tính năng như chú thích, văn bản trợ giúp, tab và phím tắt . Các vấn đề quốc tế hóa được giải quyết bằng cách tuân theo các nguyên tắc thiết kế giống như trong XHTML. Tất cả các điều khiển biểu mẫu đều phù hợp để tạo kiểu bằng thuộc tính kiểu Aural CSS (ACSS).