[HTML]9步玩转表单创建（基础完整篇）

---

前言

何为表单?
表单在网页中主要负责数据采集功能。
一个表单有三个基本组成部分： 表单标签，表单域和 表单按钮。

举个简单的例子：填写每日一报等收集信息的表单，处理表单数据会用到CGI程序的URL以及数据提交到服务器的方法 ；当我们选择选项时可能会触及文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和必填文本框等；而当我们提交时会有提交按钮。

---

【1】创建文本输入框

• 需求：输入文字
• 实现：使用input标签创建文本输入框

input 解析：
input是自结束标签，它的工作方式相当程度上取决于type属性的值。如果未指定此属性，则采用的默认类型为 text，即文字输入形式。其他类型在接下来的步骤讲解。

• 代码：

   <p>你今天测量的体温是多少?<font color=red>（必填）</font></p>
   <input type="text">

• 效果：
  

---

【2】将占位文本添加到文本框

• 需求：在输入框中显示文字
• 实现：placeholder类型

placeholder 解析
placeholder可以选择一个表单元素的占位文本，它允许开发者和设计师自定义占位文本的样式。可以在用户输入前显示，起提示作用。

• 代码：

   <p>你今天测量的体温是多少?<font color=red>（必填）</font></p>
   <input type="text" placeholder="最多填写4字，最少填写2字">

• 效果:
  

---

【3】创建一个表单元素

• 需求: 构建只使用纯HTML将数据提交到服务器的Web表单
• 实现：用action 来指定表单处理程序的位置（url）