常见表单元素以及使用说明

一、表单

定义：

表单是在一个特定区域，用于采集用户信息。

 

---

---

二、表单元素

表单元素允许用户在表单中输入用户信息，从而采集用户信息。

表单元素包括

•                         文本框（type=text)，
•                         按钮（type=button)，
•                         单选（type=radio)
•                         复选（type=checkbox)
•                        下拉列表（type=select)
•                        文本域（type=textarea)

如图：用Input标签，利用其type属性，从而可以设置一系列表单元素，input表签放在form表单中。

如：以下便是一个表单区域，用于收集家长的建议与反馈

 

---

三、常见表单元素及其用法

1.表单from

注:form表单中action属性，是将用户的信息收集后传送至对应页面进行处理，属于后端操作。

---

 

2.文本框

运行结果：

---

3.密码框

运行结果：

注：密码框与文本框的区别：密码框输入的内容不可见，而文本框可见。

---

4.提交按钮

运行结果：

---

 

5.重置按钮

运行结果：

注：作用在于清空输入的信息。

---

---

6.单选框

运行结果：

---

7.复选框（多选框）

运行结果：

---

8.下拉列表框

运行结果：

---

9.文本域

运行结果：

---

总结：

1.表单元素用input标签中type属性设置

2.表单元素放在from表单中，因为最终采集的信息要提交至后端