根据给定的文件信息,以下是对“html课堂笔记2之php基础”中涉及的相关知识点的详细解析: ### HTML 表单基础知识 #### 表单标签 `<form>` 表单是网页中用于收集用户输入数据的重要组成部分。`<form>` 标签用于定义一个表单,并包含一系列的输入控件和其他表单元素。 - **属性详解**: - `action`: 指定处理表单数据的服务器端脚本或程序的URL。 - `method`: 指定提交表单时使用的HTTP方法(通常为GET或POST)。 - `enctype`: 当`method`设置为`POST`时,用于定义如何对表单数据进行编码。当表单中包含文件上传时,必须设置为`multipart/form-data`。 #### 输入控件 `<input>` `<input>` 标签用于创建各种类型的输入控件,如文本框、密码框、按钮等。 - **类型详解**: - `text`: 文本输入框,默认类型。 - `password`: 密码输入框,输入字符会被隐藏。 - `button`: 普通按钮,常与JavaScript配合使用来实现某些功能。 - `file`: 文件选择框,用于用户上传文件。 - `checkbox`: 复选框,可以同时选择多个选项。 - `radio`: 单选按钮,一组单选按钮只能选中一个。 - 注意:要让一组单选按钮属于同一组并控制只能选择其中一个,它们的`name`属性值必须相同。 - `hidden`: 隐藏域,用于在表单中存储一些不需要用户直接操作的数据。 - `image`: 图像提交按钮,可以用图片作为提交按钮。 - `submit`: 提交按钮,用于提交表单数据到服务器。 - `reset`: 重置按钮,用于清除表单中的所有输入内容。 - **其他属性**: - `name`: 定义控件的名称,提交表单时会将此名称及对应的值一起发送给服务器。 - `id`: 定义控件的唯一标识符,可以用于CSS样式或JavaScript脚本。 - `disabled`: 禁用控件,使用户无法对其进行操作。 - `checked`: 预选中复选框或单选按钮。 #### 文本区域 `<textarea>` `<textarea>` 标签用于创建多行文本输入区域。 - **属性详解**: - `rows`: 定义文本区域的高度(行数)。 - `cols`: 定义文本区域的宽度(列数)。 #### 下拉列表 `<select>` `<select>` 标签用于创建下拉列表,用户可以选择一个或多个选项。 - **属性详解**: - `multiple`: 允许用户选择多个选项。 - `size`: 定义下拉列表的可见选项数量。 - **子标签详解**: - `<option>`: 定义下拉列表中的一个选项。 - `value`: 定义选项的值,提交表单时会将此值发送给服务器。 - `selected`: 如果存在该属性,则表示该选项默认被选中。 - `<optgroup>`: 将相关选项分组,提高用户体验。 - `label`: 定义选项组的名称。 通过以上对HTML表单基础知识的详细介绍,我们可以了解到如何使用不同的表单元素来构建丰富的交互式表单界面,以及如何通过设置这些元素的属性来满足特定的需求。这对于开发动态网站或Web应用程序来说是非常重要的基础技能之一。
与用户进行互动
在网站上与用户互动主要使用的是表单
表单:与用户交互,收集用户信息 然后提交到服务器进行处理
表单标签<form>
<form>
属性有:
name:表单的名称
id:表单的编号
enctype:当表单中 有type="file" 属性时所要使用的属性
它的值为:mutipart/form-data
form中有那些标签呢?
input标签
属性
type:
值:
text:文本框 type 的默认属性
password:密码框
button:可编辑按钮
file:文件上传
checkbox:多选框
radio:单选框(注意:要实现排它 那么name值 就必须要相同)
hidden:隐藏域,隐含传值
image:图片按钮
submit:提交按钮
reset:重置按钮
name:input标签中必备的元素(以后就知道了)
id:input标签的编号
disabled:输入失效 或者按钮操作失效
- 粉丝: 0
- 资源: 5
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助