Form 表单详解：案例、CSS 美化

用户通过表单填写信息，然后通过计算机网络传送给服务器。表单标签不是一个标签，而是一组标签，因为不同格式的数据的交互界面有区别，如果是文字就是一个输入框，传送文件就会打开文件选择窗口，如果是时间或日期就会弹出一个日历供用户选择。大家熟悉的登录页面包含了若干输入框：

一组输入框一般由 form 元素组织，其中还包括了用于提交数据的按钮：

【在线案例】

【解读】form 元素有两个重要的属性：

【提示】目前大多使用 JavaScript ajax 或 fetch API 提交数据，而不直接使用 form 元素提交数据，此时这俩属性可以省略，甚至form元素都可以不要，只留下输入框。

【提示】更多案例请参考[^1]。

上述例子演示了不同 type 的 输入框，本小节主要讲解 input 标签的性质：