用表单实现qq注册页面
如上图实现注册页面 忽略Css样式。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>注册页面</title>
</head>
<body>
<form>
<table align="center">
<tr>
<td>昵 称：</td>
<td><input type="text"> </input></td>
</tr>
<!--text是文本框属性-->
<tr>
<td>密 码：</td>
<td><input type="password"></input></td>
</tr>
<!--password是设置密码属性-->
<tr>
<td>确认密码：</td>
<td><input type="password"></input></td>
</tr>
<tr>
<td>性 别:</td>
<td>
<input type="radio" name="1" id="man"><label for="man">男</label></input>
<label><input type="radio" name="1" id="woman"checked="checked">女</label></input>
</td>
</tr>
<!--radio是单选按钮-->
<tr>
<td>生 日：</td>
<td>
<!--select是实现下拉功能-->
<select name="" id="">
<option value="1">公历</option>
<option value="2">阴历</option>
</select>
<select name="" id="">
<option value="">2001年</option>
<option value="">2002年</option>
<option value="">2003年</option>
<option value="">2004年</option>
<option value="">2005年</option>
<option value="">2006年</option>
<option value="">2007年</option>
<option value="">2008年</option>
<option value="">2009年</option>
<option value="">2010年</option>
</select>
</td>
</tr>
<tr>
<td><input type="checkbox">同时开通qq空间</input></td>
<!--checkbox是复选框-->
</html>
</tr>
</table>
</form>
</body>
浏览器中显示如下：
用表单实现qq注册页面相关推荐
- 表格标签，今日小说排行榜案例，合并单元格，无序列表，有序列表，自定义列表，表单标签，注册页面综合案例
表格标签 表格主要用于展示数据 <table><tr><td>单元格内的文字</td>...</tr>... </table> ...
- 表单：登录 注册页面
from :双标签,一般在此标签里面放置其他标签(表单元素==表单控件): 输入框,密码输入框,按钮,复选框,单选框,文件上传 表单元素基本上都是input标签 结合type属性来使用 表单:提交数据 ...
- Html学习之十九（表格与表单学习--邮箱注册页面设计）
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>邮箱注 ...
- 表单实现登录注册功能
为了开发出一个家教信息服务网站,家教注册登录,家教信息发布这些都需要通过表单还实现. 系列文章汇总: 一.整体设计:家教信息服务平台的开发 二.前端设计:表单实现登录注册功能 三.后台设计:MySQL ...
- 为什么jsp的form表单不能跳转_UI设计干货分享：设计语言 - 表单（登录/注册）...
原文作者:罗耀_UI 设计语言中的表单中的登录与注册部分 大致讲完了按钮.下拉菜单.导航栏.分页等,就要开始讲表单了.表单也分几种功能和几种样式,我也不可能不能把它们一一讲出来,所以只挑出几个常用的来 ...
- vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中 定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
- 不使用Ajax，如何实现表单提交不刷新页面
不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="mul ...
- html表单怎么设置编码,form 表单 设置编码和页面编码
var isIE=!!window.ActiveXObject; if(isIE && document.charset!="utf-8")location.rel ...
- Ecology 建模表单 数据库字段与页面字段对应关系显示
Ecology 建模表单 数据库字段与页面字段对应关系显示 根据表名查询 billid 根据billid 查询出对应关系 根据表名查询 billid # 根据表名查询 id select * from ...
最新文章
- 浅析pinyin4j源码 简单利用pinyin4j对中文字符进行自然排序（转）
- redis同步效率秒_redis过期策略、内存淘汰策略、持久化方式、主从复制
- Android 编译系统分析(三)
- Jquery $ 符号讲解
- 《局域网聊天——Android》
- 20175305张天钰《java程序设计》第七周学习总结
- 2.java运算符与逻辑控制
- SpringBoot 整合 Security5
- 如何利用systrace分析Android App的死锁问题
- [BZOJ2157]旅游(树链剖分/LCT)
- linux mencoder,linux下mencoder的一些用法
- 景区门票预约系统如何开发
- html视频如何转换成mp4视频格式,如何将把视频文件转换成MP4格式？先说两种方法...
- 150. 逆波兰表达式求值（中等 栈 数组）
- 万字长文读透 Redis
- 【源代码扫描工具】 -Checkmarx使用
- SLCP验厂辅导,发布网关是SLCP系统中用于数据托管和共享的关键角色
- 大智慧财汇数据库l2接口的核心是什么？
- 写一个函数判断输入的数字是否为素数 (js)
- 安装nltk库及nltk_data数据包