Java Web注册表单编写

article/2025/9/23 20:49:25

编写注册表单

1.要做下列的这样一个表单信息:
在这里插入图片描述
2.方法主体里面添加表单 < form action=“提交地址” method=“post”> 表单内容(包括按钮,输入框,选择框等)< /form>

我们可以看到在测试中的结果:
在这里插入图片描述
3.接下来就是在表单里面添加标签
(1)账号密码都是text:

输入账号(文本框):<input type="text"><br>
输入密码(密码框):<input type="text"><br>

在这里插入图片描述
(2)性别设置为单选按钮:radio

选择性别(单选按钮):<!-- 最多只能选择一项 --><input type="radio"name="sex" >男<input type="radio"name="sex" checked>女<br><!-- checked为默认勾选上 -->

在这里插入图片描述
(3)爱好设置为复选框:checkbox

选择爱好(复选框):<!-- 可以有多项选择 --><input type="checkbox" checked="checked" >唱歌<input type="checkbox"  >跳舞<input type="checkbox"  >打球<input type="checkbox" checked="checked"  >看书<br><!-- checked为默认勾选上 -->

在这里插入图片描述
(4)注册设置为提交类型:submit

<input type="submit" value="注册">

(5)清空设置为重置类型:reset

<input type="reset" value="清空">

(6)普通按钮设置为button类型

<input type="button" value="普通按钮">

在这里插入图片描述
4.测试
(1)填入信息,点击注册发现:
在这里插入图片描述
因为没有设置跳转的页面。
(2)填入信息,点击清空发现:
在这里插入图片描述
一个简单的表单注册信息就完成了。


http://chatgpt.dhexx.cn/article/5JPAm0xA.shtml

相关文章

003_用户注册表单【HTML-form表单】

文章目录 一、HTML-form表单1、用户注册表单2、用户注册表单 - 小升级3、HTML5表单新特性① 新的input type 一、HTML-form表单 1、用户注册表单 <html><head><meta charset"UTF-8"><title>HTML用户注册表单</title></head>&l…

javascript实现较全功能注册表单

今天笔者仿照京东注册表单&#xff0c;进行设计了一个表单案例&#xff0c;在这个案例中&#xff0c;可以完成常见表单注册的绝大部分功能&#xff0c;比如表单注册信息的验证&#xff0c;校验用户名&#xff0c;校验密码强弱&#xff0c;注册信息的追踪。这其中用到了正则表达…

HTML5实现注册表单

注册表单代码 <!DOCTYPE html> <html><head><meta charset"utf-8" /><title>注册账号</title></head><body><form action"getSend.php" method"GET"><fieldset><legend>注册…

JQuery用户注册表单验证

使用jquery编写代码实现用户注册表单的验证功能&#xff1a; 用户名、密码、确认密码和手机号不能为空密码长度在8~20位之间&#xff0c;密码至少由数字、字母或下划线其中两种组成确认密码必须和密码一致手机号应该是11位&#xff0c;并且是合法的手机号段验证码随机生成&…

jQuery简单的注册表单

注册表单的实现思想及步骤 明确自己需要收集的注册信息并在Html上写出表单的布局在js上进行数据接收和验证&#xff0c;向服务器发起注册请求&#xff0c;处理请求返回的数据。 代码实现 html代码 <form><div><span>用户名&#xff1a;</span><…

Web实现:简单的注册表单

Web实现&#xff1a;简单的注册表单。 结果图如下&#xff1a; HTML部分代码&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, i…

【HTML】-- 用户注册表单

【HTML】-- 用户注册表单 使用html标签做一个简单的注册表单&#xff0c;下面是一些常用的标签。 button标签&#xff1a;普通按钮&#xff0c;功能代码自定义。 submit&#xff1a;“确定” &#xff0c;提交到后台。 reset&#xff1a;“取消” &#xff0c;让表单控件原内容…

前端学习笔记--注册表单

表单在网页中主要负责数据采集功能html中使用form标签完成。表单标签其实是一组标签的组合&#xff0c;不是一个标签。表单元素是允许用户在表单中&#xff08;比如&#xff1a;输入框、文本域、下拉列表、单选框、复选框等等&#xff09;输入信息的元素。 在html中使用来定义…

表单的学习——简单的注册窗口

1.表单form&#xff08;formtab&#xff09; 我们要利用制作一个简单的注册页面。代码如下&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>表单</title> </head> <body…

web前端学习(四)——HTML 表单(1)- 用户注册表单举例

表单&#xff1a;就是类似于登录界面&#xff0c;用于接收用户的信息。&#xff08;如下图的微博登录界面所示&#xff09; 表单以<form>开始&#xff0c;以</form>结束。 1、表单有什么用&#xff1f; 收集用户信息。表单展现之后&#xff0c;用户填写表单…

注册表单 html+css

简洁注册表单 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>注册</title><link rel"stylesheet" href"public.css"><link rel"stylesheet" href&quo…

linux系列之常用运维命令整理笔录

系列博客专栏&#xff1a; JVM系列博客专栏SpringBoot系列博客 本博客记录工作中需要的linux运维命令&#xff0c;大学时候开始接触linux&#xff0c;会一些基本操作&#xff0c;可是都没有整理起来&#xff0c;加上是做开发&#xff0c;不做运维&#xff0c;有些命令忘记了&…

50个Linux常用命令

1.查看主机名:hostname 2.查看当前工作目录:pwd 3.切换工作目录:cd 4.查看目录: ls -l 长格式 -a全部显示 -d显示目录属性 -h人性化 -R递归显示 5.查看系统版本 lsb_release -a 6.查看cpu cat/cpu/cpuinfo 7.查看内存 cat/proc/meminfo 8.关机 shutdown -h now 、poweroff 、…

linux下解压gz文件夹提示格式不对,在Linux解压tar.gz文件时提示gzip:stdin:not的解决问题...

不经意间我们又来到了Linux系统文章的学习&#xff0c;在众多学习中&#xff0c;我们的文章也许不起眼&#xff0c;但是想必大家都有很多问题吧&#xff0c;所以重要的下面我们就来讲解一下&#xff0c;大家一定要认真看奥&#xff01;&#xff01; 我们都知道Linux系统下的tar…

Red Hat Linux Shell命令

文章目录 一、辅助快捷键二、基本命令三、用户命令四、关于文件目录的命令五、压缩文件命令六、安装命令五、网络 “-”&#xff1a;引导短格式选项&#xff08;单个字符&#xff09;如&#xff1a;-l多个短格式选项可以写在一起&#xff0c;用一个"-"引导 如&#x…

Linux常用命令/查找/搜索命令/压缩/解压命令网络命令

在线课堂&#xff1a;https://www.100ask.net/index&#xff08;课程观看&#xff09; 论  坛&#xff1a;http://bbs.100ask.net/&#xff08;学术答疑&#xff09; 开 发 板&#xff1a;https://100ask.taobao.com/ &#xff08;淘宝&#xff09;      https://weid…

linux tar -czvf 详解,Linux tar命令详解

当你想要压缩一大堆文件时,你得先将这一大堆文件先打成一个包(tar命令),然后再用压缩程序进行压缩(gzip bzip2命令) tar常见命令参数 必要参数有如下: -A 新增压缩文件到已存在的压缩 -c 建立新的压缩文件 -d 记录文件的差别 -r 添加文件到已经压缩的文件 -u 添加改变了和现…

Java中几种常量池(字符串常量池, Class常量池, 运行时常量池)的区别与联系

简介&#xff1a; 这几天在看Java虚拟机方面的知识时&#xff0c;看到了有几种不同常量池的说法&#xff0c;然后我就去CSDN、博客园等上找资料&#xff0c;里面说的内容真是百花齐放&#xff0c;各自争艳&#xff0c;因此&#xff0c;我好好整理了一下&#xff0c;将我自认为…

Java字符串常量池详解(StringTable)

前言&#xff1a;在介绍字符串常量池之前&#xff0c;我们先来简单了解下Java中字符串的概念以及常见的一些问题. 参考书籍&#xff1a; 《Java核心技术》 参考网站&#xff1a;牛客 作者水平很有限&#xff0c;如果发现错误&#xff0c;麻烦及时告知作者哦&#xff01;十分感谢…

java常量池在哪里_java常量池在哪?有什么用处?

为了更方便的使用对象&#xff0c;常量池是我们需要了解的必要一环&#xff0c;下面来看看常量的用处及它的存放地点。 Java常量池存放地点在哪? 如图&#xff1a; 在Java6和6之前&#xff0c;常量池一般是存放在方法区中的&#xff0c;到了Java7&#xff0c;常量池就被存放到…