HTML-表单标签form及注册页面源码

最新推荐文章于 2024-04-18 09:59:12 发布
最新推荐文章于 2024-04-18 09:59:12 发布
阅读量4w 收藏 90
点赞数 10
分类专栏： 前端 web 文章标签： from 表单标签 html 注册表网页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ljq961206/article/details/81153770
版权
前端 同时被 2 个专栏收录
14 篇文章 0 订阅
订阅专栏
web
11 篇文章 0 订阅
订阅专栏

表单标签 <form></form> 

用来盛放给用户输入信息的标签的空间

应用：一般的登录页面就是用表单标签做的
            属性:
                action:提交后跳转的链接页面(携带用户输入的信息作为参数)

                method:传递参数的方式(get/post)

                target:指向的窗口
                        _blank
                        _self
                
                enctype:传递的用户参数进行编码
                    application/x-www-form-urlencoded     所有字符进行编码(主要是字符串)
                    multipart/form-data    对字节流文件进行编码,支持文件上传的功能
        输入标签: input
            属性:
                align:对齐
                maxlength:支持文字的最大长度
                name:对输入的信息(值)进行一次命名
                value:输入的值
                placeholder: 空白输入保持内容
                type:
                    button:    按钮
                    checkbox 复选框
                    file 文件
                    hidden 隐藏
                    password 密码
                    radio 勾选列表
                    reset 重置
                    submit 提交
                    text 文本

表单标签的重点是type属性的用法，type支持多种值，常用于登录界面。

示例：

<!DOCTYPE html>
<html>
<head>
	<title>表单标签</title>
	<meta charset="utf-8">
</head>
<body>
	

	<form action=".//列表标签/success.html" method="get">
		
		
		用户名：<input type="text" name="user" value="" placeholder="请输入用户名"><br>

		
		密码：<input type="password" name="password" value="" placeholder="请输入密码"><br>

		隐藏内容<input type="hidden" name="隐藏内容" value="hidden" placeholder=""><br>
							<!-- 单选 -->
		勾选<input type="radio" name="勾选框" value="" placeholder=""><br>哈哈

		
		上传文件<input type="file" name="filepload" value="" placeholder=""><br>
							<!-- 多选 -->
		爱好：<input type="checkbox" name="复选框" value="1" placeholder="">篮球<br>
		<input type="checkbox" name="复选框" value="2" placeholder="">羽毛球<br>

		按钮<input type="button" name="button_1" value="" placeholder=""><br>

		<input type="submit" name="" value="提交" placeholder=""><br>

		<input type="reset" name="重置" value="重置" placeholder=""><br>


		
	</form>
</body>
</html>

 

 效果是：

 另有实战注册表单   效果为：

 

 注册表单源码下载：https://download.csdn.net/download/ljq961206/10556942

ljq961206
关注
  • 10
    点赞
  • 踩
  • 90
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
会员注册表单验证HTML模板
05-01
会员注册表单验证HTML模板，有简单表单验证功能，可验证用户名、邮箱、密码、确认密码是否为空。
HTML表单标签大全并附有详细代码+案例
小新的博客
08-13 5248
HTML表单标签 HTML 表单用于搜集不同类型的用户输入。 一个完整的表单包含三个基本组成部分：表单标签、表单域、表单按钮。 1. 表单标签 HTML 表单用于收集用户输入，表单使用 标签创建。表单可包含文本字段、复选框、单选框、提交按钮等等。 注意：元素是块级元素，其前后会产生折行。
B端系统：表单页设计全方位指南，超详细。
最新发布
2401_82616673的博客
04-18 702
B端系统表单页面是指面向企业或机构客户的系统中的表单页面。B端系统是指面向商业客户或机构的系统，与C端系统（面向普通消费者的系统）相对应。在B端系统中，表单页面通常用于收集和处理企业或机构客户的信息。这些表单页面可以包括各种类型的表单，如注册表单、登录表单、订单表单、调查问卷等。这些表单页面的设计和功能通常根据企业或机构的需求而定，可以定制化和灵活调整。
初学者：html中的表单详解（下面附有代码）
lyclyc_的博客
05-31 1万+
表单的理解与解释 表单：采集不同类型的用户输入数据，发送给服务器，实现用户和服务器之间的数据交互。 表单标签form 声明数据采集的范围，只要是在form中的，都是要采集的数据。 一个页面中可以有多个form标签，只能是并列关系，不能嵌套。只能是兄弟关系，，不能是父子关系。用户向服务器端发送数据时，一次只能提交一个表单中的数据。如果要提交多个表单就需要用js中的异步交互。 表单元素 method属性：提交表单时所用的http方法，默认为get方法。 get方式：将数据作为url地址的一部分发送给服务器
HTML中的表格和表单（含有示例代码）
热门推荐
weixin_57197500的博客
05-20 4万+
表格 表格的基本构成标签 table标签：表格标签 caption标签：表格标题 tr标签：表格中的行 th标签:表格的表头 td标签：表格单元格 表格的基本结构 <table>定义表格 <caption>表格标题</caption> <tr>定义表行 <th>定义表头</th> </tr> <tr&g...
HTML 表格 表单的制作
m0_60045654的博客
10-21 6539
表格是一种二维结构，横行纵列。表格由单元格组成。每一行有相同的列数（单元格），每一列有相同的行数（单元格）同一列的单元格，宽度（以最大的为准）相同，同列等宽；同行等高。从服务器角度讲，收集用户的输入数据。从客户端角度来讲，向服务器提交数据的位置。本站搜索<input type="submit" name="button" id="button" value="搜索"></form>
html: 表单form，表格table
qq_60839348的博客
11-14 2053
html: 表单form，表格table
登录注册页面 html源码.zip
11-20
- 登录注册页面通常包含表单元素，如`<form>`标签，用于定义用户输入数据的区域。 - 表单内部，常见的是`<input>`元素，用于创建输入字段，如用户名、密码等。可以设置`type`属性，如`text`（文本）、`password`...
jQuery手机登录注册表单html模板源码
12-04
同时，HTML5的语义化标签如`<form>`、`<input>`、`<label>`等被用来创建用户友好的表单界面。 模板的样式部分通常由CSS（层叠样式表）控制，这里可能包含在`skin`文件夹内的一系列CSS文件。CSS允许开发者定义颜色、...
暗色科幻风格HTML登录页面模板-效果及源码
12-13
登录页面通常包括表单元素，如`<form>`标签，输入字段如`<input type="text">`（用户名）和`<input type="password">`（密码），以及提交按钮`<button>`。此外，可能还包括链接、提示信息和错误消息等其他元素。 2....
html实现注册页面html实现注册页面
12-07
注册页面的核心元素通常包括表单`<form>`，它允许用户输入数据并将其发送到服务器。在HTML中，我们使用`<input>`标签创建各种类型的输入字段，例如文本框`用户名">`，密码输入框`密码">`，电子邮件字段`邮箱">`等。 ...
特色小吃网站加盟页面HTML源码模板
12-28
4. **联系方式（Contact Information）**：提供电话、邮箱、地址等联系方式，可以使用`<address>`标签，同时可以配合`<form>`标签创建一个在线联系表单，让访问者直接提交咨询信息。 5. **底部（Footer）**：通常...
【HTML练习】登录注册界面模板1
coding加油站
08-04 9682
登录注册界面
HTML做一个注册表单
qq_63825941的博客
05-17 2147
【代码】HTML做一个注册表单。
HTML第三章 form表单(详解，内含详细代码示例)
a2499797637的博客
10-01 2630
1.特点 2. 表单的语法和属性 3. 表单的控件分类 4. input元素 5. select和下拉选择框 6. textarea多行文本域 7.label关联控件
HTML——表单代码
weixin_64537406的博客
01-10 805
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。input标签：用来定义输入控件。这个标签非常有用，它可以实现各种各样的表单控件效果。
html里关于表单的一些操作代码
qq_41348629的博客
02-19 8171
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置，可以是网站，也可以说是一个请求处理地址 method:post get提交方式 --&g.
代码学习（HTML 表格）
2302_79101294的博客
08-01 1292
属性：tybe：序号样式(比如"A"就变成了大写字母)​ start：起始序号​ reversed：倒叙caption：表格的标题(在表格的开头写)​ tr与td：定义表格 行 和 列​ th：定义表格的标题栏（文字加粗）​ border：页边框​ rowspan：合并单元格 行​ colspan：合并单元格 列​ cellspacing：调整单元格和单元格之间的间距。
运用HTML表单相关标签实现用户注册页面
05-25
好的，以下是一个简单的用户注册页面的HTML代码： ```html <!DOCTYPE html> <html> <title>User Registration Form <h1>User Registration Form <form action="registration.php" method="post"> ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值