制作结果:

相关代码:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>关于form表单的实现</title><style>form{background-color:bisque;width:30%;height:420px}</style>
</head>
<body><form action="http://www.baidu.com/"><div>邮箱地址:<input type="text" name="name" id="name">@<select name="email"><option value="163.com">163.com</option><option value="163.com">qq.com</option><option value="163.com">126.com</option></select></div><br><div>密码:<input type="password" name="password"></div><br><div>性别:<input type="radio" name="gender" value="男">男<input type="radio" name="gender" value="女">女</div><br><div>验证码:<input type="text"><img src="验证码.png" title="这是验证码" width="20"></div><br><div><button type="button">免费获取验证码</button></div><br><div>备注:<textarea name="tips" rows="5" cols="20" style="resize:none;"></textarea></div><br><div><button>提交</button></div><br><div><input type="checkbox" name="read">我已阅读并同意<a href="#">XXX协议</a> 和隐私政策。</div></form>
</body>
</html>

HTML--关于form表单//邮箱登录相关推荐

  1. Form 表单 邮箱、手机号、中文名、身份证号码格式验证

    需求简述: 文本框内输入字符串,分别实现按照 邮箱.手机号.中文名.身份证号码的格式 对其进行格式验证: 页面 HTML 代码 <form action="" method= ...

  2. HTML5新特性---Form表单前台通过正则表达式自动验证邮箱

    在HTML5中Form表单中添加了许多新特性,下面为大家介绍一种form表单中的新属性pattern. pattern 属性规定用于验证 input 域的模式(pattern),模式(pattern) ...

  3. elementUI中登录页form表单重复跳转登陆页

    Vue项目中使用elementUI的表单组件开发登录框,如果登录button在form表单内会出现重复登录情况,具体情形如下: 原始登录地址如图,点击登录后会再次跳转至登陆页,之后地址变成如下图 多了 ...

  4. form 表单 发送到邮箱

    表单使用html的<form>标记创建,每个<form>标记有个action属性 若想将创建的表单信息,通过email方式发送,action中使用协议:mailto(一种允许e ...

  5. php表单登录跳转页面跳转页面,form表单页面跳转方式提交练习

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 //form表单提交练习 /*新建一个form.html网页用来书写前端HTML表单*/ 表单提交练习 姓名: 年龄: 电话: 地址: QQ: 自我评价: ...

  6. 登录form php一个页面跳转页面,form表单页面跳转方式提交练习

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 //form表单提交练习 /*新建一个form.html网页用来书写前端HTML表单*/ 表单提交练习 姓名: 年龄: 电话: 地址: QQ: 自我评价: ...

  7. 第十篇 Form表单

    Form表单 阅读目录(Content) Form介绍 普通的登录 使用form组件 Form那些事儿 常用字段演示 校验 使用Django Form流程 补充进阶 应用Bootstrap样式 批量添 ...

  8. Django之form表单组件、cookie与session

    ---恢复内容开始--- Form表单组件 引例: 先来看一个注册的例子,全部用的是reg函数来实现的. views.py文件 def reg(request):errors = {'username ...

  9. django之Form表单

    HTML表单 在HTML中,表单是<form>...</form> 之间元素的集合,它们允许访问者输入文本.选择选项.操作对象和控制等等,然后将信息发送回服务器. 某些表单的元 ...

最新文章

  1. CNN和VGGNet-16背后的架构
  2. Happy Matt Friends(HDU5119 + dp)
  3. 5行代码帮你梳理EOS.IO的脉络
  4. 关于跨DB增量(增、改)同步两张表的数据小技巧
  5. Spring MVC 源码分析
  6. C#中用委托实现C++的回调函数
  7. 信号与系统实验:用Matlab表示常用连续时间信号
  8. [恢]hdu 2317
  9. 投资、理财、炒股记事
  10. GUI编程(一)-----概述
  11. 闲聊:Android 平台网络游戏加速器(二)
  12. 计算机知识怎么记牢,怎么快速学拼音打字-教孩子学拼音的3个好方法:手脑结合、增加锚点、有趣的知识才能记得牢...
  13. Vue 3.0 Ref-sugar 提案真的是自寻死路吗?
  14. css实现人走路效果,纯css实现机器人走路动画
  15. 项目管理-8-径回东土 五圣成真(大结局)
  16. 【Bootstrap-学习小结】
  17. 超(效)等位基因,亚(效)等位基因,反(效)等位基因,新(效)等位基因
  18. ByteBuffer的用法
  19. oracle 创建数据库
  20. 【蓝天准系统 + 970M + WIN10】此nvidia驱动程序与此windows不兼容

热门文章

  1. 【Echarts】中国地图、堆叠图、横向柱状图
  2. React event.preventDefault使用方法
  3. com.alibaba.dubbo.rpc.RpcException: No provider available from registry。。。报错问题
  4. 【编码魔法师系列_六大原则1】单一职责原则(Single Responsibility Principle)
  5. ai一个线段多个箭头_AI如何绘制剪刀箭头 AI绘制剪刀箭头方法
  6. 【计算机毕业文章】基于SSM的高校宿舍管理系统的设计与实现
  7. 探索开发一个游戏引擎需要那些知识和技术
  8. oracle sequence sql server,在SQLServer中实现ORACLE的Sequence
  9. 快速进入“给特哈勃”
  10. Spring Boot 2.6.0 新特性默认禁止循环引用