使用HTML标签制作一个注册界面▲▲▲▲★
1) 注册界面需要有用户名、密码、性别（单选）、爱好（多选）、专业（下拉列表）
2) 注册界面需要有隐藏域和文件域
3) 注册界面需要有提交和重置按钮
4) 将上述网页元素排列在表格中

<!-- 使用HTML标签制作一个注册界面▲▲▲▲★

1) 注册界面需要有用户名、密码、性别（单选）、爱好（多选）、专业（下拉列表）

2) 注册界面需要有隐藏域和文件域

3) 注册界面需要有提交和重置按钮

4) 将上述网页元素排列在表格中 -->

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

</head>

<body>

	<form action="">

		<table border="1" background="img/2.jpg">

			<tr>

				<td>用户名</td>

				<td><input type="text" value="admin" /></td>

			</tr>

			<tr>

				<td>密码</td>

				<td><input type="password" value="123456" /></td>

			</tr>

			<tr>

				<td>性别</td>

				<td><input type="radio" name="sex" value="男" checked="checked" />男

					<input type="radio" name="sex" value="女" />女

				</td>

			</tr>

			<tr>

				<td>爱好</td>

				<td><input type="checkbox" name="hobby" value="编程" />编程

					<input type="checkbox" name="hobby" value="学习" />学习

					<input type="checkbox" name="hobby" value="阅读" />阅读

				</td>

			</tr>

			<tr>

				<td>专业</td>

				<td><select name="专业" id="">

						<option value="软件工程">软件工程</option>

						<option value="网络工程">网络工程</option>

					</select>

				</td>

			</tr>

			<tr>

				<td><input type="hidden" value="00000" /></td>

				<td><input type="file" value="文件" /></td>

			</tr>

			<tr>

				<td><input type="submit" value="提交" /></td>

				<td><input type="reset" value="重置" /></td>

			</tr>

		</table>

	</form>

</body>

</html>

　　

table 标签

  1. text   password 的value为默认值
  2. radio checked="checked" 为默认值  name相同表示为一个组的（只能选择一个）
  3. checkbox也相同（name相同表示为一个组可以多选）

实践练习_使用HTML标签制作一个注册界面03的更多相关文章

  1. tkinter如何设置界面消失 当制作一个登陆界面时，登陆成功之后，如何让登陆界面本身消失

    tkinter如何设置界面消失 当制作一个登陆界面时,登陆成功之后,如何让登陆界面本身消失 if querySQL.checkAll():#用户名和密码都输入正确 self.root.withdraw ...

  2. Android学习笔记（十二）——实战：制作一个聊天界面

    //此系列博文是<第一行Android代码>的学习笔记,如有错漏,欢迎指正! 运用简单的布局知识,我们可以来尝试制作一个聊天界面. 一.制作 Nine-Patch 图片 : Nine-Pa ...

  3. 使用Axure RP原型设计实践03,制作一个登录界面的原型

    本篇体验做一个登录界面的原型. 登录页 首先在Page Style里为页面设置背景色. 如果想在页面中加图片,就把Image部件拖入页面,并设置x和y轴.双击页面中的Image部件可以导入图片.在Im ...

  4. java swing 制作一个登陆界面，亲测有效

    一.介绍 Swing 是一个为Java设计的GUI工具包. Swing是JAVA基础类的一部分. Swing包括了图形用户界面(GUI)器件如:文本框,按钮,分隔窗格和表. Swing提供许多比AWT ...

  5. 利用hibernate与struts框架制作简单注册界面

    一:配置hibernate 1.导包 hibernate包和jdbc连接mysql数据库的包 2.实用工具生成hibernate配置文件和映射文件 3.做好hibernateUtil生成session ...

  6. 用javaweb写一个注册界面，并将数据保存到后台数据库（全部完成）（课堂测试）

    一.题目:WEB界面链接数据库 1.考试要求: 1登录账号:要求由6到12位字母.数字.下划线组成,只有字母可以开头:(1分) 2登录密码:要求显示“• ”或“*”表示输入位数,密码要求八位以上字母. ...

  7. 课堂测试用javaweb写一个注册界面，并将数据保存到后台数据库（部分完成）

    今天我到现在为止,也只完成了数据库的连接,还没有写前台的javascript的检查输入的代码,打算周四前完成. 代码如下: package Dao; import java.sql.Connectio ...

  8. Swift 制作一个新闻通知中心插件1

    使用 Swift 制作一个新闻通知中心插件(1) 随着 iOS 8 的发布,苹果为开发者们开放了很多新的 API,而在这些开放的接口中 通知中心插件 无疑是最显眼的一个.通知中心就不用过多介绍了,相信 ...

  9. TensorFlow练习13: 制作一个简单的聊天机器人

    现在很多卖货公司都使用聊天机器人充当客服人员,许多科技巨头也纷纷推出各自的聊天助手,如苹果Siri.Google Now.Amazon Alexa.微软小冰等等.前不久有一个视频比较了Google N ...

随机推荐

  1. 还能不能愉快地起一个web服务啦？——1st Step！白话http和代码交互的那点儿事儿~

    学写python的时候,我们多多少少都接触到了web程序,然而你有没有想过,当浏览器发送了一个http请求时,等待接收这个请求的后端代码是一种什么样的思想感情? 就像下面这张图里画的一样,后端也许是一 ...

  2. 关于分布式版本控制系统Git与集中式版本控制系统SVN的区别

    我觉得最最主要的区别就是:分布式Git主要是在本地有各个历史版本,在不联网的时候,也可以更新到最新版本和查看过去的版本,而集中式SVN是所有人都将版本上传到中央服务器,当出现断网情况的时候,用户只有一 ...

  3. [转载]List接口的使用

    List集合代表一个有序集合,集合中每个元素都有其对应的顺序索引.List集合允许使用重复元素,可以通过索引来访问指定位置的集合元素. 1.List接口和ListIterator接口 List作为Co ...

  4. Python 安装包报错

    以管理员身份运行cmd (requests为为所安装的包名) >>pip install reuqestsCollecting reuqests Could not find a vers ...

  5. linux 7.2安装扩展redis

    unzip phpredis-php7.zip cd phpredis-php7 /usr/local/php7./bin/phpize ./configure --with-php-config=/ ...

  6. 常用的lamp环境以及一些依赖包的安装

  7. I2C 上拉电阻选择计算公式

    I2C接口上拉电阻的选择 - I2C接口上拉电阻的选择 1.I2C接口的输出端是漏极开路或集电极开路,所以必须在接口外接上拉. 2.上拉电阻的范围很宽,但也需要跟据功耗.信号上升时间等具体确定. 和速 ...

  8. UVa LA 4094 WonderTeam 构造 难度: 1

    题目 https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&page=show_pr ...

  9. Bootstrap 完全教程笔记

    Bootstrap CSS Bootstrap 排版 引导主体副本 为了给段落添加强调文本,则可以添加 class=”lead”,这将得到更大更粗.行高更高的文本,如下面实例所示: <h2> ...

  10. JAVA中时间格式(SimpleDateFormat)和数字格式(DecimalFormat)转换详解(转)

    时间格式转换SimpleDateFormat: //定义日期的格式 SimpleDateFormat format =new SimpleDateFormat("yyMMdd"); ...