今天我们来写一个注册页面
form表单
先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构:
页面结构大体就是这样子的~
表单标签:
所有需要提交到服务器端的表单项必须使用包起来~
form标签的属性:
action:整个表单提交的位置(可以是一个页面,也可以是一个后台的Java代码)
method:表单的提交方式(get/post)
文本输入框:
"text"/ >
密码输入框:
password" />
单选按钮:
radio" />
多选按钮:
checkbox"/>
主意:在这边需要用name属性给按钮分一下组~
下拉列表:
文本输入域:
提交按钮:
submit" value&＃61;"注册" />
重置按钮:
reset" value&＃61;"重置" />
普通按钮:
button" value&＃61;"普通按钮" />
上面的注册页面不是那么好看,下面我们用上次学过的表格标签()来修饰一下这个页面~
下面是修改后的页面的源代码:
<html>
<head>
<meta charset&＃61;"UTF-8">
<title>用户注册title>
head>
<body>
<form action&＃61;"#" method&＃61;"post">
<table border&＃61;"0px" width&＃61;"600px" height&＃61;"400px" align&＃61;"center" cellpadding&＃61;"0px" cellspacing&＃61;"0px">
<tr height&＃61;"40px" >
<td colspan&＃61;"2">
<font size&＃61;"4" ><b>用户注册 USER REGISTERb>font>
td>
tr>
<tr>
<td align&＃61;"center"><b>用户名b>td>
<td><input type&＃61;"text" name&＃61;"user"/>td>
tr>
<tr>
<td align&＃61;"center"><b>密码b>td>
<td><input type&＃61;"password" name&＃61;"password"/>td>
tr>
<tr>
<td align&＃61;"center"><b>确认密码b>td>
<td><input type&＃61;"password" name&＃61;"rpassword"/>td>
tr>
<tr>
<td align&＃61;"center"><b>Emailb>td>
<td><input type&＃61;"text" name&＃61;"email"/>td>
tr>
<tr>
<td align&＃61;"center"><b>姓名b>td>
<td><input type&＃61;"text" name&＃61;"username"/>td>
tr>
<tr>
<td align&＃61;"center"><b>性别b>td>
<td>
<input type&＃61;"radio" name&＃61;"sex" value&＃61;"男"/>男
<input type&＃61;"radio" name&＃61;"sex" value&＃61;"女"/>女
td>
tr>
<tr>
<td align&＃61;"center" ><b>出生日期b>td>
<td> <input type&＃61;"text" name&＃61;"birthday" size&＃61;"30px"/>td>
tr>
<tr>
<td align&＃61;"center"><b>验证码b>td>
<td> <input type&＃61;"text" name&＃61;"yzm" />
<img src&＃61;"../img/yzm.png" width&＃61;"60" height&＃61;"30"/>
td>
tr>
<tr>
<td colspan&＃61;"2" align&＃61;"center">
<input type&＃61;"submit" value&＃61;"注册" />
<input type&＃61;"reset" value&＃61;"重置" />
td>
tr>
form>
table>
body>
html>
注意哦~这边会有一道面试题的
Get 与 Post 提交方式的区别?Get(默认)提交方式,
所有的内容显示的地址栏,不安全,长度有限制.
Post提交方式,
所有的内容不会显示在地址栏,比较安全,长度没有限制.
我是萌新娜娜
立志做一个不翻车的老司机
学习Java的路上请多多指教
扩展阅读
来认识一下HTML中的标签~
Java面试题42.简单说一下html5
15个关于HTML的入门问题
来源&＃xff1a;Java联盟
版权声明&＃xff1a;文章来源网络&＃xff0c;版权归作者本人所有&＃xff0c;如侵犯到原作者权益&＃xff0c;请与我们联系删除或授权事宜
推荐阅读
-
这是原文链接：sendingformdata许多情况下，我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单，但是 ...
[详细]
蜡笔小新 2023-12-14 16:19:10
-
本文介绍了Web学习历程记录中关于Tomcat的基本概念和配置。首先解释了Web静态Web资源和动态Web资源的概念，以及C/S架构和B/S架构的区别。然后介绍了常见的Web服务器，包括Weblogic、WebSphere和Tomcat。接着详细讲解了Tomcat的虚拟主机、web应用和虚拟路径映射的概念和配置过程。最后简要介绍了http协议的作用。本文内容详实，适合初学者了解Tomcat的基础知识。 ...
[详细]
蜡笔小新 2023-12-13 17:08:24
-
-
本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术，可以实现在输入某个id后，通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用，以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况，并解释了JavaScript等待服务器响应的机制。 ...
[详细]
蜡笔小新 2023-12-14 16:12:01
-
本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件，该插件具有快速、架构、风格、扩展和兼容等特点，适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ...
[详细]
蜡笔小新 2023-12-13 20:01:16
-
本文介绍了南邮ctf-web的writeup，包括签到题和md5 collision。在CTF比赛和渗透测试中，可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型，可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ...
[详细]
蜡笔小新 2023-12-13 10:58:55
-
JavaScript和HTML之间的交互是经由过程事宜完成的。事宜：文档或浏览器窗口中发作的一些特定的交互霎时。能够运用侦听器（或处置惩罚递次来预订事宜），以便事宜发作时实行相应的 ...
[详细]
蜡笔小新 2023-12-11 11:40:52
-
本文介绍了在Centos7.6系统下安装Gitlab的详细教程，并提供了一些注意事项。教程包括查看系统版本、安装必要的软件包、配置防火墙等步骤。同时，还强调了使用阿里云服务器时的特殊配置需求，以及建议至少4GB的可用RAM来运行GitLab。 ...
[详细]
蜡笔小新 2023-12-14 14:01:06
-
本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务，并获取服务器的磁盘信息，并将结果输出。然后在本地使用JS编写一个AJAX脚本，远程请求服务端的程序，得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ...
[详细]
蜡笔小新 2023-12-14 13:56:20
-
VNCViewerforMac是一款运行在Mac平台上的远程桌面工具，vncviewermac版可以帮助您使用Mac的键盘和鼠标来控制远程计算机，操作简 ...
[详细]
蜡笔小新 2023-12-14 12:55:15
-
本文介绍了使用PHP实现断点续传乱序合并文件的方法和源码。由于网络原因，文件需要分割成多个部分发送，因此无法按顺序接收。文章中提供了merge2.php的源码，通过使用shuffle函数打乱文件读取顺序，实现了乱序合并文件的功能。同时，还介绍了filesize、glob、unlink、fopen等相关函数的使用。阅读本文可以了解如何使用PHP实现断点续传乱序合并文件的具体步骤。 ...
[详细]
蜡笔小新 2023-12-14 04:33:19
-
本文介绍了一个React Native新手在尝试将数据发布到服务器时遇到的问题，以及他的React Native代码和服务器端代码。他使用fetch方法将数据发送到服务器，但无法在服务器端读取/获取发布的数据。 ...
[详细]
蜡笔小新 2023-12-11 11:26:28
-
本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串，可以将不同的文本分别插入到两个div中，从而实现页面的动态更新。 ...
[详细]
蜡笔小新 2023-12-11 10:07:32
-
本文介绍了Android实战中使用jsoup实现网络爬虫的方法，以糗事百科项目为例。对于初学者来说，数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据，并以糗事百科作为练手项目。同时，提到了使用jsoup需要结合前端基础知识，以及如果学过JS的话可以更轻松地使用该框架。 ...
[详细]
蜡笔小新 2023-12-11 09:19:45
-
在JavaWeb开发中，读取文件资源的路径是一个常见的问题。本文介绍了使用绝对路径和相对路径两种方法来解决这个问题，并给出了相应的代码示例。同时，还讨论了使用绝对路径的优缺点，以及如何正确使用相对路径来读取文件。通过本文的学习，读者可以掌握在JavaWeb中正确找到和读取文件资源的方法。 ...
[详细]
蜡笔小新 2023-12-10 19:49:18
-
本文介绍了解决java开源项目apache commons email简单使用报错的方法，包括使用正确的JAR包和正确的代码配置，以及相关参数的设置。详细介绍了如何使用apache commons email发送邮件。 ...
[详细]
蜡笔小新 2023-12-09 17:35:16
-
京公网安备 11010802041100号