22 表单标签

最新推荐文章于 2022-03-14 09:47:01 发布

hello_sunny123

最新推荐文章于 2022-03-14 09:47:01 发布

阅读量391

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/hello_sunny123/article/details/118302937

版权

本文详细介绍了HTML中的表单组成，包括表单域、表单控件（如input、select、textarea）及其属性，强调了name、value、checked、maxlength等属性的作用，并通过实例展示了如何创建和使用这些表单元素。

摘要由CSDN通过智能技术生成

表单组成：在 HTML 中,一个完整的表单通常由表单域、表单控件(也称为表单元素)和提示信息3个部分构成。

在这里插入图片描述

一：表单域

表单域是一个包含表单元素的区域。

在 HTML 标签中, 标签用于定义表单域,实现用户信息的收集和传递。

会把它范围内的表单元素信息提交给服务器.

<form action="url地址" method="提交方式" name="表单域名称">
    各种表单元素控件
</form>

常见属性

在这里插入图片描述

基础班来说，我们暂时不用表单域提交数据,只需要写上 form 标签即可。就业班等学习服务器编程阶段会重新讲解.

这里只需要记住两点:

1.在我们写表单元素之前,应该有个表单域把他们进行包含.

2.表单域是form标签.

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <from action="demo.php" method="POST" name="name1">
    </from>
</body>
</html>

二. 表单控件(表单元素)

在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件。

接下来我们讲解:

1. input 输入表单元素

2. select 下拉表单元素

3. textarea 文本域元素

(1)`<input>`表单元素

在英文单词中, input 是输入的意思,而在表单元素中标签用于收集用户信息。

在标签中,包含一个 type 属性,根据不同的 type 属性值,输入字段拥有很多种形式(可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)。

<input type="属性值" />

标签为单标签

type 属性设置不同的属性值用来指定不同的控件类型

type 属性的属性值及其描述如下:

在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单元素</title>

最低0.47元/天解锁文章

hello_sunny123

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
22 表单标签

表单组成：在 HTML 中,一个完整的表单通常由表单域、表单控件(也称为表单元素)和提示信息3个部分构成。一：表单域表单域是一个包含表单元素的区域。在 HTML 标签中, 标签用于定义表单域,实现用户信息的收集和传递。会把它范围内的表单元素信息提交给服务器.<form action="url地址" method="提交方式" name="表单域名称"> 各种表单元素控件</form>常见属性基础班来说，我们暂时不用表单域提交数据,只需要写上 form 标
复制链接

扫一扫