使用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. C# WPF开发之MVVM模式开发

    MVVM模式由Model,View,ViewModel三部分组成. Model需继承INotifyPropertyChange(属性修改通知) ViewModel负责业务逻辑,连接View和Model ...

  2. class类初始化之后调用赋值问题记录

    class PWSTRDELL: def __init__(self, pw_str):#该方法在类实例化时会自动调用 self.pw = pw_str self.strength_level = 0 ...

  3. cmd命令往MySQL数据库提交数据

    第一步:MySQL -V检查下载成功否第二步:mysql -u root -p 登陆密码第三步:创建一个数据库 create database if not exists 数据库name: 第四步:展 ...

  4. io.undertow.websockets.jsr.ServerWebSocketContainer cannot be cast to org.apache.tomcat.websocket.server.WsServerContainer

    Caused by: java.lang.ClassCastException: io.undertow.websockets.jsr.ServerWebSocketContainer cannot ...

  5. Request中的各种地址

    今天来得匆忙,先上图吧,稍后再整理!

  6. css常用的属性

    CSS------属性值篇 display: none | block | inline(默认值) | inline-block(css2新增) | inherit none :此元素不会再显示 {注 ...

  7. raid卡的结构示意图

    raid卡的结构示意图,取自<大话存储>第124页 ROM:一般用FLash芯片做ROM,存放着初始化RAID卡必须的代码以及实现RAID功能所需的代码; XOR芯片:专门用来做RAID ...

  8. MobX 学习

    资源汇集帖: https://github.com/mobxjs/awesome-mobx/blob/master/README-CN.md 中文文档: http://cn.mobx.js.org/ ...

  9. oracle权限列表

    alter any cluster 修改任意簇的权限 alter any index 修改任意索引的权限 alter any role 修改任意角色的权限 alter any sequence 修改任 ...

  10. 如何更有效地说服开发接收你的bug？！

    来来来,测试小伙伴们,看看以下这张图是不是觉得很熟悉.. 虽然这张图带点戏谑的成分,但确实折射出大部分IT公司测试人员在报bug时,与开发的沟通存在些许问题.如何更有效地说服开发接收你的bug,以下整 ...