这是我参与「第四届青训营 」笔记创作活动的的第2天
现实中的表单:去银行办理业务填写的表单等; 网页中的表单:指需要用户填写信息的特定部分;
问:为什么需要表单?
答:为了方便的收集用户信息。
问:表单组成?
答:表单域、表单控件/表单元素、提示信息。
1、表单域
表单域,即即包含表单元素的区域,用 < form> 标签定义。
<form>:定义表单域,用以实现用户的信息收集与传递。
(<form>标签会将它范围内的表单元素提交给服务器)
基本语法格式:
<form action="url地址" method="提交方式" name="表单域名称">
各种表单元素控件
</form>
表单常用属性如下:
| 常用属性 | 属性值 | 描述 |
|---|---|---|
| action | url地址 | 用于指定接收并处理表单数据的服务器程序的url地址 |
| method | get/post | 用于设置表单数据的提交方式,取值get或post |
| name | 名称 | 用户自定义,用于指定表单名称,以区分同一页面中的多个表单域 |
注意:
- 在写表单元素之前应注意有个表单域将其进行包括;
- 表单域标签是form。
2、表单控件/表单元素
在表单域中可定义各种表单元素,这些表单元素就是允许用户在表单元素中输入或者选择的控件。
常见表单元素:
- input:输入表单元素
- select:下拉表单元素
- textarea:文本域元素
2.1< input>表单元素
-
< input>表单元素用于收集用户信息,随着< input>标签里的type属性不同,输入的字段也有多种形式。 如文本字段、复选框、掩码后的文本控件、单选按钮、多选按钮等;
-
input标签为单标签;
-
格式:< input type="属性值" />;
-
input 通过设置不同的type属性值来指定不同的控件类型。
type不同属性值及其意义:
![MI%CI656~D[TE%YKNOE3.png