课上——HTML 表单 注册

最新推荐文章于 2023-03-28 15:11:32 发布
最新推荐文章于 2023-03-28 15:11:32 发布
阅读量182 收藏
点赞数
文章标签： html5 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaojie_xuebianc/article/details/105302363
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
	</head>
	<body>
		<form action="#" method="post" enctype="multipart/form-data">
			<!--
            	作者：3476642024@qq.com
            	时间：2020-02-25
            	描述：span;行内标签
            	 
            	语法：<input type="类型" />
            	常用的type:text(单行文本框)、passw（密码框）、image(图片按钮)
            	    
                  radio(单选框)、checkbox(多选框)、file(上传按钮)、
                                             提交按钮 submit
            	重置按钮 reset
            	普通按钮button
            	hidden:隐藏域，不会在界面上显示，但是会在源码上显示。
                常用属性：value:初始值  
                size:框的长度
                maxlength:输入框最多输入多少字符
                readonly="redonly"设置文本框为只读 
                使用上传，必须使用表单enctype属性值为“multipart/form-data”，这样该表单才支持上传
            -->
            <input type="hidden" name="hidden" value="666" />
			<span>账号：</span>
			<input type="text" name="userName" id="userName" value="李四" size="10" maxlength="5" readonly="readonly"/>
			<br />
			<span>密码：</span>
			<input type="password" name="pwd" id="pwd" />
			<br />
			<input type="image" src="../image/logo.jpg" name="img" id="img"/>
			<br />
			<!--单选-->
			<span>性别：</span>
			   <!--checked="checked" 默认选中-->
			<input type="radio" name="sex" id="sex" checked="checked" />男
			<input type="radio" name="sex" id="sex1" />女
			<br />
			<!--多选
				
			-->
			<span>爱好：</span>
			<input type="checkbox" name="hobby" value="1" />看书
			<input type="checkbox" name="hobby" value="2" />唱歌
			<input type="checkbox" name="hobby" value="3" />跳舞
			<input type="checkbox" name="hobby" value="4" />上网
			<br />
			<!--
            	作者：3476642024@qq.com
            	时间：2020-02-25
            	描述：上传
            -->
            <span>上传：</span>
            <input type="file" name="file" id="file" />
            <br />
            <!--
            	作者：3476642024@qq.com
            	时间：2020-02-25
            	描述：下拉框
            	select 下拉框标签：
            	   option标签，下拉框选项标签;
            	          selected放在下拉框的第一项(默认选项）
            	      
            -->
            <span>颜色：</span>
            <select name="color" id="color">
            	<!--<option value="--请选则--">--请选择--</option>-->
            	
            	<option value="red">红色</option>
            	<option value="black">黑色</option>
            	<option value="blue">蓝色</option>
            	<option value="--请选择--" selected="selected">--请选择--</option>
            </select>
            <br />
            <!--
            	作者：3476642024@qq.com
            	时间：2020-02-25
            	描述：多行文本
            	rows:规定多行文本内可见的行数。
            	cols：规定多行文本内可见的列数。
            -->
            <span>备注：</span>
            <textarea name="desc" id="desc"  rows="10" cols="5" ></textarea>
            <br />
            <!--
            	作者：3476642024@qq.com
            	时间：2020-02-25
            	描述：提交按钮 submit
            	重置按钮 reset
            	普通按钮button
            	设置按钮为禁用
            -->
            <input type="submit"  />
            <input type="reset" />
            <input type="button" value="查询" disabled="disabled" />
		</form>
	</body>
</html>
xiaojie_xuebianc
关注
HTML网页设计结课作业——基于HTML+CSS仿学校官网页面
Q_Q___1875547220的博客
08-12 1653
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语...
HTML网页设计结课作业——11张精美网页 html+css+javascript+bootstarp
Q_Q___1875547220的博客
08-12 7265
1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑
HTML用户注册界面的实现
03-30
HTML用户注册界面的实现
HTML 注册表单form
houyanhua1的专栏
10-25 965
网页标题 注册会员 帐号： 邮箱： 手机： 密码： 确认密码： 我已经阅读并同意，用户服务协议
前端html元素（form篇）—注册表单
yunduanaoligei的博客
02-22 1203
今天分享下”前端html元素（form篇）—注册表单“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 代码实现方式： 复制代码代码如下: <!DOCTYPE html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta n
html表单注册功能的实现,仅一个form表单 js实现注册信息依次填写提交功能
weixin_34738304的博客
06-17 155
function one() {if (confirm("确定提交？")) {$("#one").hide();$("#two").show();$("#grxx").attr("class","current_prev");$("#zjxx").attr("class","current");}}function two() {if (confirm("确定提交？")) {$("#two").h...
HTML 实现注册小案例
云飞
11-10 1309
案例：使用html实现注册页面 首先看一下效果图：               Document       注册csdn的账号     注册邮箱:       你可以使用账号或者手机号来注册       真实姓名：     性别： 男女       生日：
大四web前端网页制作课作业——HTML+CSS+JavaScript仿小米手机商城网站(37页d
08-10
- **表单设计**：表单是用户与网站进行交互的主要方式之一，无论是简单的联系表格还是复杂的注册表单。在这个项目中，学习者可以接触到不同类型表单的设计和实现方法，这对于理解用户数据收集的重要性至关重要。 ##...
web结课作业的源码——HTML+CSS+JavaScript仿oppo官网手机商城(1页)
08-10
- 技术方面，该网页主要运用了Div+CSS布局、鼠标滑过特效、Table表格布局、导航栏效果、Banner轮播图、表单元素、二级或三级页面链接等。此外，还涉及到了视频、音频、Flash等多媒体元素的嵌入，以及Logo设计等知识...
编写注册表单 HTML
最新发布
一七
03-28 3998
通过编写一个注册页学习 HTML 表单学习如何控制人们在表单中可以输入的数据类型，以及使用一些新的 CSS 工具装饰页面
html网页制作提交注册信息,利用HTML表单标签编写一个注册页面
weixin_30952319的博客
06-19 5582
今天我们来写一个注册页面form表单先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构:页面结构大体就是这样子的~表单标签:所有需要提交到服务器端的表单项必须使用包起来~form标签的属性:action:整个表单提交的位置(可以是一个页面,也可以是一个后台的Java代码)method:表单的提交方式(get/post)文本输入框:"text"/ >密码输入框:单选按钮:多选按钮:主...
制作注册页面（HTML）
wujianrenn的博客
10-23 9810
本项目考察的是对于表格、列表（无序）、表单标签的综合运用，首先我们要写把这个整体看做是一个大表格，每行两列，分很多行我们的所有步骤都是基于一个表格每行两列的情况下，开始的所以我们可以先写出整个大框架，一个大表格，之后再往里面细填东西。
HTML简单注册界面——含表单验证
热门推荐
荷塘月色
10-28 7万+
最近学习HTML表单，感慨万千。虽然看起来好像不难学，但要是真自己实践起来问题却多多。这里是我写的一个简单的注册页面，只有“注册账号、密码、重输密码”三个文本框，还包含了原生JavaScript验证。（记一下，也希望能给有需要的人一点帮助。）
HTML-表单标签form及注册页面源码
ljq961206的博客
07-22 4万+
表单标签 &lt;form&gt;&lt;/form&gt;  用来盛放给用户输入信息的标签的空间 应用：一般的登录页面就是用表单标签做的             属性:                 action:提交后跳转的链接页面(携带用户输入的信息作为参数)                 method:传递参数的方式(get/post)                 targ...
Html简单表单---新用户注册界面
Xiaojia_guniang的博客
08-01 9811
简单的html表单 框架使用 用户注册合法性判定
HTML-做一个网页的注册登记表单
晴天下的大头娃娃
11-05 4万+
/* *Copyright (c) 2017，烟台大学计算机学院 All rights reserved. *文件名称：关于HTML的练习 *作 者：张晴晴 *完成日期：201711月5日 *版 本 号：v1.0 * *问题描述：HTML5的新特性 *输入描述： 无 *程序输出： 无 */ 表单练习 body{ font-size:12px; fon
web前端学习（四）——HTML 表单（1）- 用户注册表单举例
m0_55637498的博客
12-09 5858
一、表单 表单：就是类似于登录界面，用于接收用户的信息。 表单以<form>开始，以</form>结束。 1、表单有什么用？ 收集用户信息。表单展现之后，用户填写表单，点击提交按钮提交数据给服务器。 2、怎么画一个表单？ 使用form标签画表单。 3、一个网页当中可以有多个表单form。 4、表单最终是需要提交数据给服务器的，form标签有一个action属性，这个属性用来指定服务器地址：action属性和超链接中的href属性一样，都可以向服...
用js动态添加登录表单并完成提交实现在html注册后自动登录
杉楂的博客
12-14 1万+
注册的表单提交和数据同样是在html间完成的，为此单独写了register.html来处理index页面提交过来的注册表单数据。                         var url = location.search; var Request = new Object(); var NEWSTAG = 0; if(url.indexOf('?') != -1) { var s
HTML5注册表单示例及关键词指导
本篇文档提供了一个HTML5编写的注册页面示例代码，适合那些正在学习HTML5的朋友参考。HTML5是第五代超文本标记语言，它在用户体验、交互性和移动优化方面有显著提升，使得网页开发更加现代和高效。 首先，HTML结构...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值