HTML中几种常见的表单类型举例

最新推荐文章于 2021-07-18 18:26:56 发布
最新推荐文章于 2021-07-18 18:26:56 发布
阅读量2.7k 收藏 3
点赞数
分类专栏： 笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51735681/article/details/116276588
版权

HTML中几种常见的表单类型举例：
带边框的表单
在数据周围绘制一个带标题的框，主要用到<fieldset> </fieldset>标签和<legend> </legend>标签。其中<fieldset> </fieldset>标签是用来形成表格，<legend> </legend>标签是用来定义边框的标题。
举例代码如下：

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

    <form action="">
        <fieldset>
            <legend>Personal information:</legend>
            Name:<input type="text" size="30"><br> 
            E-mail: <input type
最低0.47元/天 解锁文章
尤里卡_1006 (胡健)
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单
cqzdmm的博客
11-15 867
可以收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁。 有两个部分一种是一部分是HTML源代码用于描述表单（例如，域，标签和用户在页面上看见的按钮）另一部分是脚本或应用程序用于处理提交的信息 表单分为三大类 一 文本类 文本类又包括文本域框 input type = “text” / 密码框input type = “password” 隐藏域input type = “hidden...
HTML表单
qq_56515781的博客
05-12 154
HTML表单
HTML基础笔记——表单
KllKllKll
07-18 1204
如果想要做出一个动态页面，我们就需要借助表单来实现 在HTML中，表单标签有五种：form、input、textarea、select、option 根据外观进行划分，表单可以分为以下八种：单行文本框、密码文本框、单选框、复选框、按钮、文件上传、多行文本框、下拉列表 创建一个表单，与创建一个表格类似，我们也必须要把所有表单标签放在form标签内部 <form> 各种表单标签 </form> form标签属性 属性 说明 name 表单名称 m
在html中常用的表单有哪些，他们的写法又有什么不同呢？
weixin_44484756的博客
01-25 3051
在html中form表单有哪些，他们的写法又有什么区别呢？ 在我们的生活中，form表单无处不在，比如我们在登录账号或者注册账号的时候，你填写信息的框就是form表单的一种。 正如下图，下图每一项需要填写的框都属于form表单，有文本框、单选框、复选框、下拉框、文本域等等。 接下来让我们来了解一下表单的写法： 1.文本框：文本框又誉为输入框 &amp;amp;amp;amp;amp;amp;lt;div class=&amp;amp;amp;amp;amp;quot;contr
HTML页面中表单的基础类型和代码
u013313232的博客
09-16 347
在这里 插入图片描述 HTML页面表单的基本代码和类型。 完成的结果。 在这里插入图片描述
HTML标记语言——表单
01-19
好吧,或许没有那么多,但是我们仍能思考几种状况,让使用者易于使用表单结构,同时也便于让网站所有者进行管理. 标记表单的方法 方法A:使用表格 <form action=/path/to/script method=post> <table> <tr
php防止表单重复提交实例讲解
01-02
说来惭愧，前几天做项目的时候，...也就是使用 PHP 进行验证，当然不局限以下几种 Cookie 用户提交表单到后端，在 Cookie 中做标记，指定时间内重复提交无效。但是用户禁用 Cookie 这个方法就失效了。 <?php if (is
jsp九种内置对象举例讲解
06-23
以下是JSP的九种内置对象，其中我们将详细讨论`request`对象，并简要提及其他几个。 1. **request对象**： `HttpServletRequest`类型的`request`对象用于处理客户端的HTTP请求。它包含了用户提交的所有信息，包括...
Web HML5实战合集
04-17
3. JSP生成静态HTML页面的几种方法 4. 网页优化meta标签使用方法及规则 5. 使用-HTML5-canvas-进行-Web-绘图 6. 基于-HTML5-的-Dojo-Widget-开发 7. 浅析HTML5在移动应用开发中的使用 8. 深度分析HTML5在移动开发...
Smart Admin通用型中后台解决方案-其他
06-11
同时身心愉悦的规范后端代码规范：1、好多种分包，哪种更合理一些2、四层架构（controller, service, manager, dao） 是什么，为什么要有四层3、各个层的代码该怎么写才能让团队配合默契，高度一致4、vo, bo, dto, ...
html表单有哪些种类,HTML表单
weixin_30405507的博客
06-15 1026
1. 元素:HTML 表单用于收集用户输入。 元素定义 HTML 表单的范围：如果使用了那么提交的按钮要使用 type="submit" 才能使HTML5自带的检测执行 onsubmit参数要用在form而不是input里面：2. 元素:决定了前端上传的形式：文本的形式： image.pngFirst name:Last name:单选按钮的形式: image.pngMaleFemale那多...
【实用】HTML的简单示例（表单篇）
Mankey_24的博客
10-09 6072
效果如下： 代码内容： <html> <head> <title>增加管理员</title> <meta charset="utf-8"> </head> <body> <form action="" method="GET"> <table> <thead>&
HTML 5新增表单类型
小柒的前端之旅
04-09 3818
●email类型: 该类型会自动要求输入的地址格式正确，否则浏览器不允许提交，并且有一个错误的信息提示 email类型的文本框具有一个multiple属性，该属性允许在文本框中输入使用逗号分隔有效的E-mail地址的一个列表。 ●url类型: url类型： 是用来专门输入url地址的输入框，例如百度地址和谷歌地址。 ●number类型: 是用来专门输入数字的文本框，在提交时会检测其中内容是否为数字...
表单类型
无名小站
08-11 1807
格式： &lt;form method="post" action="result.html"&gt; &lt;p&gt; 名字：&lt;input name="name" type="text" &gt; &lt;/p&gt; &lt;p&gt; 密码：&lt;input name="pass"
HTML表单input类型有哪些,HTML表单之input元素的23种type类型
weixin_36411269的博客
06-10 2769
摘自：http://www.cnblogs.com/xiaohuochai/p/5179909.html了解HTML表单之input元素的23种type类型随着HTML5的出现，input元素新增了多种类型，用以接受各种类型的用户输入。其中，button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，...
form表单—3种参数
热门推荐
dream_heheda的博客
12-15 2万+
form表单往后台传递的3种参数：基本类型的参数；自定义实体类（字段都是基本类型）；自定义实体类（包含另一个自定义实体类字段）
input type 介绍
田军的专栏
11-19 1369
Input表示Form表单中的一种输入对象，其又随Type类型的不同而分文本输入框，密码输入框，单选/复选框，提交/重置按钮等，下面一一介绍。1，type=text 输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住址等等。当然这也是Input的 默认类型。 参数name：同样是表示的该文本输入框名称。 参数size：输入框的...
HTML5的一些表单类型
biggrand的博客
11-01 477
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> form{ width: 100%; /* 最大宽度*/ max-width: 640px; /* 最小宽度*/ min-width: 32
1. 常用表单类型
大头鱼
07-25 532
常用的h5表单类型
举例说明C语言中函数调用的几种方法
最新发布
04-25
两种常见的C语言中函数调用的方法是：传值调用和指针调用。 传值调用：传递的是参数的值。在函数中对参数进行修改并不会影响到原始值。例如： ``` void swap(int a, int b) { int temp = a; a = b; b = temp; }...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值