htm利用表单和表格标签来完成注册界面的设计

最新推荐文章于 2022-12-21 12:07:37 发布

董世森学习

最新推荐文章于 2022-12-21 12:07:37 发布

阅读量533

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/weixin_43319279/article/details/102251775

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!-- 表单中套表格运用 -->
<!-- 表单的标签是
<form>
</form>
<input  placeholder="提示的内容">
input 属性placeholder 文本框的提示内容
input 属性 type (类型)，name(标识名称)， placeholder ，Submit(提交按钮)
text（文本框） ,password（密码框）,Reset(重置属性)，file（ 选择文件），radio（单选），checkbox（复选框） ，image （图像）  hidden（隐藏）
Button（按钮）maxlength="6"(最多可以输入6个字符)  value(明提示)等属性慢慢学习与运用
 -->
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
<h1 align="center">注册信息</h1>
<hr color="#FFFF00"/>
<!--action url ：向何处发送数据(指定表单处理程序位置 )，method 发送的方式有两种get保密性不行，
post与get的区别get的传输数据是以明文的形式传输的，而且数据是受url 的限制的
post的保密性较好，而且传输的数据是不受限制的
在查看获取信息时用get，提交个人信息时，用post
target属性_balck表示新打开有一个窗口                                            -->
<form action="action.php" method="post" target="_parent" >
	<table bgcolor="#FFF000" align="center" width="800px">
		<tr>
			<td align="right">姓名:</td>
			<td align="left"><input type="text" name="name" placeholder="请输入你的姓名" maxlength="6">
			</td>
		</tr>
		<tr>
			<td align="right">密码:</td>
			<td align="left"><input type="password" name="passwd" placeholder="请输入你的密码"></td>
		</tr>
		<tr>
			<td align="right">邮箱:</td>
			<td align="left"><input type="text" name="email" value="@163.com"></td>
		</tr>
		<tr>
			<td align="right">确认密码:</td>
			<td align="left"><input type="password" name="ispasswd" placeholder="请确定密码"></td>
		</tr>
		<tr>
			<td align="right">上传照片</td>
			<td align="left"><input type="file" name="shangchunag" size="100px"></td>
		</tr>
		<tr>
			<td align="right">单选框:</td>
			<td align="left">
				男<input type="radio" name="a" value="man" checked>
				男<input type="radio" name="a" value="woman">
				男<input type="radio" name="a" value="bm" >
			</td>
		</tr>
		<tr>
			<td align="right">复选框:</td>
			<td align="left">
				男<input type="checkbox" name="b" value="man" checked>
				男<input type="checkbox" name="b" value="woman"><!--value ,是把数据传到后台的服务器上，name的名字我们也可以同一，便于后台服务器的区分 -->
				男<input type="checkbox" name="b" value="bm" >
			</td>
		</tr>
		<tr >
			<td colspan="2"  align="center"> 
			<input type="button" name="button " value="点我吧">
			<input type="Submit" name="Submit " value="提交">
			<input type="Reset" name="Reset " value="重置"></td>
		</tr>
		<tr>
			<td><input type="image" name="image" src="image/logo.png"></td>
		</tr>
		<tr>
			<td>
				<input type="hidden" name="hidden" value="输入成功"> 
			</td><!--value="输入成功"向后台传输数据 -->
		</tr>
	</table>
</form>
</body>
</html>

代码的效果图

在这里插入图片描述

董世森学习

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
htm利用表单和表格标签来完成注册界面的设计

<!-- 表单的标签是<form></form><input placeholder="提示的内容">input 属性placeholder 文本框的提示内容input 属性 type (类型)，name(标识名称)， placeholder ，Submit(提交按钮)text（文本框） ,pa...
复制链接

扫一扫