表单的制作

最新推荐文章于 2024-06-11 20:41:15 发布
最新推荐文章于 2024-06-11 20:41:15 发布
阅读量345 收藏 8
点赞数 6
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ss1122_/article/details/135287607
版权

<!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>

</head>

<body>

    <table align="center">

        <form action="#" method="POST">

        <thead>

            <tr>

                <th colspan="3">

                    <h3>用户注册表单</h3>

                </th>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td colspan="3">

                    <hr color="grey" width="700" size="1">

                </td>

            </tr>

            <tr>

                <td colspan="3">

                    <font color='purple'>

                        基本信息填写

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">用户名：</td>

                <td>

                    <input type="text" maxlength="6" placeholder="请输入用户名" required>

                </td>

                <td>

                    <font color='red'>

                        用户名长度最多不超过6个字符

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">密码：</td>

                <td>

                    <input type="password" maxlength="10" required>

                </td>

                <td>

                    <font color='red'>

                        密码长度最多不超过10个字符

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">确认密码：</td>

                <td>

                    <input type="password" maxlength="10" required>

                </td>

                <td>

                    <font color='red'>

                        重复密码

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">性别：</td>

                <td>

                    <input type="radio" name="sex" id="s1">

                    <label for="s1">男</label>

                       

                    <input type="radio" name="sex" id="s2">

                    <label for="s2">女</label>

                </td>

            </tr>

            <tr>

                <td align="right">出生日期：</td>

                <td>

                    <input type="date">

                </td>

            </tr>

            <tr>

                <td align="right">爱好：</td>

                <td>

                    <input type="checkbox" id="a1">

                        <label for="a1">阅读</label>

                    <input type="checkbox" id="2">

                        <label for="a2">锻炼</label>

                    <input type="checkbox" id="a3">

                        <label for="a3">听歌</label>

                    <input type="checkbox" id="a4">

                        <label for="a4">写作</label>

                </td>

                <td>

                    <font color='red'>

                        至少选择三项

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">个人介绍：</td>

                <td>

                    <textarea name="" id="" cols="30" rows="10"></textarea>

                </td>

            </tr>

            <tr>

                <td colspan="3">

                    <hr color="grey" width="700" size="1">

                </td>

            </tr>

            <tr>

                <td colspan="3">

                    <font color='purple'>

                        绑定邮箱

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">邮箱类型：</td>

                <td>

                    <select>

                        <option value="">--邮箱类型--</option>

                        <option value="">QQ邮箱</option>

                        <option value="">网易邮箱</option>

                        <option value="">outlook邮箱</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td align="right">邮箱账号：</td>

                <td>

                    <input type="text" required>

                </td>

            </tr>

            <tr>

                <td align="right">邮箱密码：</td>

                <td>

                    <input type="password" required>

                </td>

            </tr>

            <tr>

                <td colspan="3">

                    <hr color="grey" width="700" size="1">

                </td>

            </tr>

            <tr>

                <td colspan="3">

                    <font color='purple'>

                        密码保护信息

                    </font>

                </td>

            </tr>

            <tr>

                <td align="right">密码保护问题：</td>

                <td>

                    <select>

                        <option value="">--密码保护问题--</option>

Ss1122_
关注
  • 6
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
表单的创建
学习使用
01-09 446
表单的创建 ...：from元素创建表单，属性method用于指定向服务器发送表单数据时使用的HTTP方法，action指定对表单进行处理的脚本地址  input元素 ：input用于接收用户输入的信息，用来创建表单中的空间,type用于设置控件类型。 type="text"：单行文本输入控件 type="submit"：提交按钮 type="reset
HTML 表单制作
热门推荐
千寻的博客
09-19 2万+
HTML 表单 用于收集不同类型的用户输入。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中输入内容, 比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 表单使用表单标签 来设置 HTML 表单-输入元素 多数情况下被用到的表单标签是输入标签（）。 输入类型是由类型属性（type）定义的。 文本域（Text Fie...
HTML表单制作
jxcklfn的博客
05-25 2176
为什么写表单？（目的是为了收集用户信息） 表单的组成：表单域、表单控件（也称表单元素）和提示信息3个部分构成。 在HTML中，<form>标签用于定义表单域，以实现用户信息的收集和传递 <form>会把它范围内的表单元素信息提交给服务器 <form action=''url地址'' methid=''提交方式'' name=''表单域名称''> 各种表单元素的控件 </form> input输入表单元素 <input>标签.
HTML表格表单制作
weixin_41534129的博客
02-28 7300
1.数据表格的作用及组成 作用：显示数据，展示数据 组成： <table>用于定义表格的标签 <tr>行 <th>内容<th>表头单元格 <td>内容</td>单元格 <td>内容<td>单元格 .... <tr> </table> 1.<table&gt...
Dreamweaver表单制作ppt课件.ppt
11-15
"Dreamweaver表单制作ppt课件" Dreamweaver是一款功能强大且流行的网页设计软件，用于创建复杂的网页结构和设计。Dreamweaver提供了多种功能强大的工具来帮助设计师创建复杂的网页结构和设计。本课程主要介绍...
angular动态表单制作
08-27
通过实例代码给大家详细讲述了angular动态表单的制作方法，对此有需要的朋友参考下。
Bootstrap表单制作代码
08-31
主要为大家详细介绍了BootStrap表单的制作代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Dreamweaver表单制作.ppt
07-12
Dreamweaver表单制作 Dreamweaver是一款功能强大的网页设计软件，对于网页设计师来说，能够快速创建复杂的网页结构对其职业发展非常重要。本讲主要介绍了Dreamweaver中表单的制作方法，包括了解表单在网页中的用途...
HTML5拖放（Drag and Drop）全面指南：让网页互动起来
艾恩小灰灰的博客
06-06 804
HTML5 引入了许多令人兴奋的新特性，其中之一便是原生支持的拖放（Drag and Drop）功能，它极大地丰富了网页的交互体验，允许用户直接在页面上通过鼠标操作来移动元素。本文将深入浅出地介绍如何在你的网页中实现拖放功能，包括基本概念、API使用、事件处理以及代码示例。
HTML5的新语义化标签
ggq53219的博客
06-11 370
HTML5 引入了一系列新的语义化标签，这些标签为网页内容提供了更明确的含义，有助于改善网页的可访问性和搜索引擎优化（SEO）。通过使用这些新的语义化标签，我们可以创建更加清晰、易于理解和维护的 HTML 文档，同时提高网页的可访问性和搜索引擎优化效果。
HTML5 语义元素：构建更清晰、更易理解的网页结构
艾恩小灰灰的博客
06-11 302
表示页面或区域的头部信息，通常包含网站标志、导航链接或搜索表单等。
74LS90实现十进制计数器、百进制计数器-multisim电路仿真设计
最新发布
06-14
该文件包含两个由74LS90设计的十进制计数器与百进制计数器，通过四引脚数码管显示加法计数，并且可以实现清零效果。电路由multisim软件电路仿真设计，电路设计详尽解析可见主页博文。
【抖音方案】2021年个人抖音账号打造执行方案-抖音账号运营方案.pptx
06-14
【抖音方案】2021年个人抖音账号打造执行方案-抖音账号运营方案.pptx
C++与操作系统等面试题83
06-14
C++与操作系统等面试题83
大模型知识的简单学习架构2024
06-14
大模型知识的简单学习架构
JSP+SQL学生考试成绩分析(源代码)
06-14
随着计算机技术的飞速发展，信息时代的到来，信息改变了我们这个社会。学校在管理、教学、办公各个方面也在悄悄地变化。一个学校的信息化程度体现在将计算器与信息技术应用于教学与管理，以现代化工具代替传统手工作业。无疑，使用信息化管理使教学更先进、办公更高效、管理更科学，信息交流更迅速。 学生成绩分析管理系统是一个教育单位不可缺少的部分,它的内容对于学校的决策者和管理者来说都至关重要,所以学生成绩信息管理系统应该能够为用户提供充足的信息和快捷的查询手段。但一直以来人们使用传统人工的方式管理文件档案，这种管理方式存在着许多缺点,如:效率低、保密性差,另外时间一长,将产生大量的文件和数据,这对于查找、更新和维护都带来了不少的困难。
人员测评第5章心理测验（艾克森情绪稳定性测评）.pptx
06-14
人员测评第5章心理测验（艾克森情绪稳定性测评）.pptx
C++与操作系统等面试题76
06-14
C++与操作系统等面试题76
html表单制作
05-25
以下是制作HTML表单的基本步骤： 1. 使用HTML中的`<form>`元素创建表单，定义表单的属性，例如method和action等。 2. 在表单中添加各种输入元素，例如文本框、单选框、复选框、下拉列表等。每个输入元素都需要一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值