📌  相关文章
📜  Pure.CSS表单

📅  最后修改于: 2021-01-08 05:21:43             🧑  作者: Mango

纯CSS表格

Pure.CSS为表单设计提供了非常漂亮且响应迅速的CSS。您必须在

元素中添加类名称“ pure-form”以创建表单。

以下是可用于使用Pure创建表单的CSS类列表。

Index Class Name Description
1) pure-form It is used to specify a compact inline form.
2) pure-form-stacked It is used to represent a stacked form with input elements below the labels. it is used with pure-form.
3) pure-form-aligned it is used to represent an aligned form with input elements below the labels. to be used with pure-form.
4) pure-input-rounded It is used to display a form control with rounded corners
5) pure-button It is used to beautify a button.
6) pure-checkbox It is used to beautify a checkbox.
7) pure-radio It is used to beautify a radio.

例

让我们举一个使用上述所有类创建表单的示例。


   
The PURE.CSS Forms

输出：

Pure.CSS表单的类型

以下是不同类型的Pure.CSS形式：

  • 预设表格
  • 堆叠形式
  • 对齐形式
  • 多栏式
  • 分组输入
  • 输入尺寸表