今天我们来写一个注册页面

form表单

先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构:

页面结构大体就是这样子的~

表单标签:

所有需要提交到服务器端的表单项必须使用

包起来~

form标签的属性:

action:整个表单提交的位置(可以是一个页面,也可以是一个后台的Java代码)

method:表单的提交方式(get/post)

文本输入框:

"text"/ >

密码输入框:

单选按钮:

多选按钮:

主意:在这边需要用name属性给按钮分一下组~

下拉列表:

文本输入域:

提交按钮:

重置按钮:

普通按钮:

上面的注册页面不是那么好看,下面我们用上次学过的表格标签()来修饰一下这个页面~

下面是修改后的页面的源代码:

用户注册 USER REGISTER

用户名

密码

确认密码

Email

姓名

性别

出生日期

验证码

注意哦~这边会有一道面试题的

Get 与 Post 提交方式的区别?

Get(默认)提交方式,

所有的内容显示的地址栏,不安全,长度有限制.

Post提交方式,

所有的内容不会显示在地址栏,比较安全,长度没有限制.

我是萌新娜娜

立志做一个不翻车的老司机

学习Java的路上请多多指教

扩展阅读

来认识一下HTML中的标签~

Java面试题42.简单说一下html5

15个关于HTML的入门问题

微信公众号:javafirst

扫码关注免费获取更多资源

html注册页面多选代码,利用HTML表单标签编写一个注册页面相关推荐

  1. 用java写注册表单_利用HTML表单标签编写一个注册页面

    今天我们来写一个注册页面 form表单 先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构: 页面结构大体就是这样子的~ 利用HTML表单标签编写一个注册页面 表单标签: 所有需要提交到服务 ...

  2. java自定义表单_JSP实现用于自动生成表单标签html代码的自定义表单标签

    本文实例讲述了JSP实现用于自动生成表单标签HTML代码的自定义表单标签.分享给大家供大家参考.具体如下: 这个是自己写的一个简单的JSP表单标签,用于自动生成checkBox,select,radi ...

  3. 表单在线生成 html代码,JSP实现用于自动生成表单标签html代码的自定义表单标签...

    本文实例讲述了JSP实现用于自动生成表单标签html代码的自定义表单标签.分享给大家供大家参考.具体如下: 这个是自己写的一个简单的JSP表单标签,用于自动生成checkbox,select,radi ...

  4. 什么标签用于在表单中构建复选框_基础表单标签及属性

    表单标签 一.一个完整的表单包含三个基本组成部分:(表单标签.表单域.表单按钮) ​ 1.表单标签:form标签,用于设置服务器地址.请求方式等等 ​ 2.表单域:用户需要填写或选择的数据,输入框.单 ...

  5. 使用H5中的表单标签制作一个简单的网页登陆页面

    简单介绍H5当中的表单标签.<form></form>表示定义一个表单的开始和结束.在form标签中,有主要的三个属性,action表示声明表单中的数据的处理的url地址.me ...

  6. html表单页面css样式代码,前端html表单与css样式(示例代码)

    1,from标签 from标签的功能是向服务器传输数据,实现用户交互的重要标签. from标签的具体使用: input标签使用示例: 姓名: 用户名: 密码: 爱好:骑车游戏电影 男女 第一句:act ...

  7. HTML+CSS第四课2:利用表单标签制作一个百度搜索框

    知识点:表单<form>标签.<input />标签的使用. 问题描述:在html中制作一个百度搜索框,要求,在搜索框里输入关键词后,点击搜索,能够跳转到百度搜索结果页面. 代 ...

  8. 表格标签,今日小说排行榜案例,合并单元格,无序列表,有序列表,自定义列表,表单标签,注册页面综合案例

    表格标签 表格主要用于展示数据 <table><tr><td>单元格内的文字</td>...</tr>... </table> ...

  9. HTML 表格标签、列表标签、表单标签(案例: 注册页面)

    1. 表格标签 表格是实际开发中非常常用的标签: 1. 表格的主要作用 2. 表格的基本语法 1.1 表格的主要作用 表格主要用于显示.展示数据,因为它可以让数据显示的非常的规整,可读性非常好.特别是 ...

  10. 利用html开发英语单词小程,前端利用表单标签自己制作一个简单的表单页面-表单制作-小程序表单制作...

    html中的表单标签:form标签:属性:提交到后台url地址:actionurl地址:http://localhost:8080/XXX提交方式:method常用两个:get:把提交的数据放到地址栏 ...

最新文章

  1. aFleX脚本常见错误
  2. 自动驾驶 | MINet:嵌入式平台上的实时Lidar点云数据分割算法,速度可达 20-80 FPS!...
  3. python简单代码input-【python系统学习05】input函数——实现人机交互
  4. 深入浅出SNMP及其应用实例分析
  5. P7962-[NOIP2021]方差【dp,差分】
  6. java char指针数组_简单总结C语言中各种类型的指针的概念
  7. Centos环境下删除Oracle11g客户端文档
  8. java平台调试架构JPDA
  9. Python for循环语句总结
  10. 大数据_MapperReduce_协处理器_类似Mysql的触发器---Hbase工作笔记0024
  11. PHP 循环时间控制缓冲方法
  12. 作业MathExam
  13. dll可以在linux下使用吗_Python 下使用 Altair 数据制图 | Linux 中国
  14. preHandle、postHandle与afterCompletion
  15. Python 多线程基本步骤
  16. 【标书应用场景】畅写Office为电子招投标提速赋能,助力项目招投标业务数字化转型
  17. Opmanager研究笔记
  18. 使用latex做三线表
  19. ViewPage的使用与介绍
  20. 最新kali之medusa

热门文章

  1. 富文本编辑器粘贴图片
  2. DB2数据库迁移,数据库导入导出
  3. 设计模式--创建型模式之抽象工厂模式
  4. 使用excel绘制统计分布表(T分布表)
  5. 计算机毕业设计Python+djang的药物管理系统
  6. 【非参数统计】概念及方法归纳比较(超适合期末复习)
  7. win7修复计算机卡了,win7系统下360补丁修复过程中卡住的解决方法
  8. 软件工程需求分析方法
  9. 阿里云矢量图html页面引入,使用阿里矢量图标库的三种方法
  10. 端口打流互通功能测试