实训篇-Html-表单练习

最新推荐文章于 2022-03-12 20:17:00 发布
最新推荐文章于 2022-03-12 20:17:00 发布
阅读量411 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39435411/article/details/106067635
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Regist</title>
	</head>
	<body>
		<h3 align="center">注册页面</h3>
		<form action="emailtop.html" method="get">
		<table align="center" border="1px" width="350px">
			<tr height="50px" >
				<td width="80px" align="center">用户名</td>
				<td colspan="3" align="center">
					<input type="text" name="username" id="username" value="" placeholder="邮箱，手机" />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>密码</td>
				<td colspan="3">
					<input type="password" name="pwd" id="pwd" value="" />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>性别</td>
				<td colspan="3">
					男<input type="radio" name="sex" id="" value="1" checked />
					女<input type="radio" name="sex" id="" value="0" />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>爱好</td>
				<td colspan="3">
					看书<input type="checkbox" name="hobby0" id="" value="0"  />
					看报<input type="checkbox" name="hobby1" id="" value="1" />
					看电视<input type="checkbox" name="hobby2" id="" value="2" />
					学习<input type="checkbox" name="hobby3" id="" value="3" checked />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>籍贯</td>
				<td colspan="3">
					<select name="born">
						<option value="0">请选择</option>
						<option value="1" selected="">山东</option>
						<option value="2">河北</option>
						<option value="3">山西</option>
					</select>
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>生日</td>
				<td colspan="3">
					<input type="date" name="bithday" id="bithday" value="" />
				</td>
			</tr>
			<tr height="100px" align="center" >
				<td rowspan="3">介绍</td>
				<td colspan="3" rowspan="3">
					<textarea name="desc" rows="15" cols="35"></textarea>
				</td>
			</tr>
			<tr height="50px">
			</tr>
			<tr height="50px">
			</tr>
			
			<tr height="50px" align="center">
				<td>手机号</td>
				<td colspan="3">
					<input type="number" name="phone" id="phone" value="" />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>第几周</td>
				<td colspan="3">
					<input type="week" name="week" id="week" value="" />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>上传文件</td>
				<td colspan="3">
					<input type="file" name="file" id="file" value="" />
				</td>
			</tr>
			
			
			
			<tr height="50px" align="center">
				<td colspan="4">
					<!--具有提交表单中数据的作用-->
					<input type="submit" name="" id="" value="提交" />
					<!--普通的按钮可以响应某系事件-->
					<input type="button" name="" id="" value="OK"  οnclick="alert('你好')"/>
					<!--重置表单中的内容 一般不建议使用-->
					<input type="reset" name="" id="" value="重置" />
				</td>
			</tr>
		</table>
		</form>
	</body>
</html>

　　

gy-7
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
web前端入门到实战：HTML表单练习
软件开发-前端开发-IT
09-27 925
整理一下思路​： 首先练习了账号密码的输入，属性为text为文本框，属性为password的为暗文文本框输入​ 第二，单选框输入属性为radio，默认选择选项checked属性为checked，不同选项之间互斥为name属性的值必须相等​。多选框输入属性为checkbox。 第三，输入框为textarea标签，里面rows属性定义最多行，cols属性定义最多列​。 第四，属性值为date代表日历，...
html表单的练习
lyn789的博客
08-24 839
一个表单的练习， 这是在网页显示中的展示。 form.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
html表单练习
weixin_45239190的博客
08-06 2652
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
form.html（表单练习）
07-22
表单练习，账号text，密码password，性别单选框radio，爱好多选框checkbox，地址下拉列表select，文本域textarea，提交按钮submit
HTML表单简单练习
weixin_33863087的博客
03-16 440
代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>表单</title> </head> <body bgcolor="deepskyblue"&...
学校实训项目-简洁儿童教育培训机构网站.zip
08-31
在这个实训项目中，学生将学习如何使用HTML5来创建各种页面元素，如标题、段落、图像、链接以及表单，这些都是构成一个完整网站的基本组成部分。HTML5引入了许多新特性，如语义化标签（例如、、、等），这些标签有助...
学校实训项目-蓝色大气政府新闻门户网站.zip
08-31
这个实训项目是一个旨在让学生熟悉和掌握网页设计与开发技能的实践练习，主要关注政府新闻门户网站的构建。通过参与这样的项目，学生可以深入了解HTML（超文本标记语言）的基础知识及其在前端开发中的应用。 HTML是...
学校实训项目-绿色的动物养殖网站模板html（缺页面）.zip
09-04
这个实训项目是一个基于HTML的绿色动物养殖网站模板，旨在帮助学生在学校的实训课程中学习和实践前端网页设计技能。这个模板可能包含了一系列与动物养殖相关的网页元素和布局，但值得注意的是，它缺少了一些页面，这...
学校实训项目-漂亮响应式律师事务所企业网站.zip
08-31
这个实训项目是一个旨在帮助学生掌握前端开发技能的实践练习，主要关注HTML和响应式设计，适合在学校的教学环境中进行。创建一个响应式律师事务所企业网站，意味着学生将学习如何构建一个既美观又适应不同设备屏幕...
学校实训项目-英语教育培训网站，启发潜能教育学习机构网站。.zip
08-31
这个实训项目是一个基于HTML前端技术构建的英语教育培训网站，旨在为用户提供启发潜能的在线学习环境。网站设计与开发是IT教育中的重要组成部分，通过这样的实训，学生可以掌握实际的网页制作技能，理解Web开发的...
【HTML】表单练习
点滴记忆
03-12 278
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form method="get" action="https://www.ba...
HTML：表单练习
weixin_47924016的博客
05-03 204
<body> <h2 align="center">表单练习</h2> <form name="form1" method="post" action=""> <table width="400" align="center" cellpadding="0" cellspacing="2" border=""> <tr> <td width="143" height="25">姓名：</td&gt
HTML 表单练习
weixin_46146313的博客
01-21 202
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
Html--表单练习
weixin_30600503的博客
12-16 99
<!--文档定义一定要带上，因为浏览器在解析的时候先按照文档定义的格式解析， 如果没有就按照浏览器默认的格式解析，可能会出问题。--> <html> <head> <!--标签头--> <title>b标签练习1</title&...
HTML表单应用练习
u011184841的博客
05-13 950
表单应用 效果图     1、表单的属性 action=...指跳转到哪里 method=”GET” OR “POST”指表单提交数据的方式 有GET和POST两种 2、文本域、密码域、单选框、多选框、下拉框、提交、复位   文本框 Maxlength指能输入最大字符位数   密码域    复选框  Checked表示默认选择什么选项 单选框   Chec
Dreamweaver CS3网页制作实用教程-计算机基础实训
《计算机基础与实训教材系列》系列丛书官方网站提供更多的学习资源和支持，包括练习题、补充资料和在线讨论，以促进学习者的深入理解和技能提升。通过这本教程，读者不仅可以掌握Dreamweaver CS3的基本操作，还能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

gy-7

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值