【网页制作】注册表单页

CA51F3系列(国产)+低功耗模式 CA51F351P6芯片是基于1T 8051内核的8位微控制器,通常情况下,运行速度比传统的8051芯片快10倍,性能更加优越。内置8K Flash程序存储器,可多次重复编程的特性给用户开发带来了极大的方便。不仅保留了传统8051芯片的基本特性,还集成了12Bit ADC、LCD/LED驱动、Touch Key、16Bit PWM、 UART、RTC、低电压检测(LVD)等功能模块。支持IDLE、STOP和低速运行三种省电模式以适应不同功耗要求的应用。 阅读详情

🌈据说,看我文章时 关注、点赞、收藏 的 帅哥美女们 心情都会不自觉的好起来。

前言:
🧡作者简介:大家好我是 user_from_future ,意思是 “ 来自未来的用户 ” ,寓意着未来的自己一定很棒~
✨个人主页:点我直达,在这里肯定能找到你想要的~
👍专栏介绍:Html+Css+JS / jQuery小型网页综合实战 ,一个专注于分享网页制作实例的专栏~

专栏文章直链:
【网页制作】jQuery操作css实现设置箭头图片

人生苦短,我用python

制作要求

合理使用css布局完成页面的制作。

制作效果图

在这里插入图片描述

参考源代码

目录结构

└──网页文件夹
	├── 1.jpg
	├── register0.html
	├── register1.html
	└── register2.html

1.jpg

在这里插入图片描述

register0.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
				margin: 20px 40px;
			}

			a {
				text-decoration: none;
			}

			#main {
				height: 25px;
				width: 640px;
				line-height: 25px;
			}

			#main>span {
				float: left;
				color: #59AFE4;
				font-size: 20px;
				margin-right: 5px;
			}

			table {
				line-height: 40px;
				margin-top: 20px;
			}

			table td>div {
				height: 22px;
				font-size: 14px;
				line-height: 22px;
			}

			table span,
			a {
				float: left;
				height: 22px;
				color: #59AFE4;
				line-height: 22px;
			}

			table th {
				width: 90px;
				height: 40px;
				font-size: 15px;
				padding: 0 10px;
				text-align: right;
				line-height: 40px;
				font-weight: normal;
			}

			table td {
				width: 320px;
				height: 40px;
				text-align: left;
				line-height: 40px;
			}

			table input {
				width: 300px;
				height: 30px;
				text-align: left;
				line-height: 30px;
				border-radius: 5px;
				font-weight: normal;
				background-color: #FFF;
			}

			table input[type="radio"] {
				width: 15px;
				height: 15px;
			}

			table select {
				height: 24px;
				color: #59AFE4;
			}

			table option {
				height: 24px;
				color: #000;
			}

			table input[type="checkbox"] {
				width: 15px;
				height: 15px;
			}

			table input[type="button"] {
				color: #FFF;
				width: 180px;
				height: 60px;
				font-size: 24px;
				font-weight: bold;
				line-height: 60px;
				text-align: center;
				border-radius: 10px;
				border-style: initial;
				background-image: linear-gradient(#a5e486, #59ad42);
			}
		</style>
	</head>
	<body>
		<div id="main">
			<span>|</span>
			<div>注册账号</div>
			<hr color="#DDD" />
		</div>
		<table>
			<tr>
				<th>昵称</th>
				<td><input type="text"></td>
				<td>
					<div>
						请输入昵称<br /><span><a href="#">试试新功能,让手机号变QQ号!</a></span>
					</div>
				</td>
			</tr>
			<tr>
				<th>密码</th>
				<td><input type="password" /></td>
				<td></td>
			</tr>
			<tr>
				<th>确认密码</th>
				<td><input type="password" /></td>
				<td></td>
			</tr>
			<tr>
				<th>性别</th>
				<td>
					<input type="radio" name="sex" value="1" checked="checked" /> 男
					&ensp;&ensp;&ensp;<input type="radio" name="sex" value="0" /> 女
				</td>
				<td></td>
			</tr>
			<tr>
				<th>生日</th>
				<td>
					<select style="width: 60px;">
						<option value="公历">公历</option>
						<option value="农历">农历</option>
					</select>

					<select style="width: 100px;">
						<option value="disabled">年</option>
						<option value="2000">2000</option>
						<option value="2001">2001</option>
						<option value="2002">2002</option>
						<option value="2003">2003</option>
						<option value="2004">2004</option>
						<option value="2005">2005</option>
					</select>
					<select style="width: 60px;">
						<option value="disabled">月</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
					</select>
					<select style="width: 60px;">
						<option name="" value="disabled">日</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
						<option value="13">13</option>
						<option value="14">14</option>
						<option value="15">15</option>
						<option value="16">16</option>
						<option value="17">17</option>
						<option value="18">18</option>
						<option value="19">19</option>
						<option value="20">20</option>
						<option value="21">21</option>
						<option value="22">22</option>
						<option value="23">23</option>
						<option value="24">24</option>
						<option value="25">25</option>
						<option value="26">26</option>
						<option value="27">27</option>
						<option value="28">28</option>
						<option value="29">29</option>
						<option value="30">30</option>
						<option value="31">31</option>
					</select>
				</td>
				<td></td>
			</tr>
			<tr>
				<th>所在地</th>
				<td>
					<select style="width: 95px;">
						<option value="中国">中国</option>
						<option value="美国">美国</option>
						<option value="韩国">韩国</option>
						<option value="俄罗斯">俄罗斯</option>
						<option value="新加坡">新加坡</option>
						<option value="意大利">意大利</option>
						<option value="泰国">泰国</option>
					</select>
					<select style="width: 95px;">
						<option value="北京">北京</option>
						<option value="湖南">湖南</option>
						<option value="湖北">湖北</option>
						<option value="上海">上海</option>
						<option value="重庆">重庆</option>
						<option value="天津">天津</option>
						<option value="海南">海南</option>
					</select>
					<select style="width: 95px;">
						<option value="东城">东城</option>
						<option value="平谷">平谷</option>
						<option value="西城">西城</option>
						<option value="朝阳">朝阳</option>
						<option value="大兴">大兴</option>
						<option value="昌平">昌平</option>
						<option value="石景山">石景山</option>
					</select>
				</td>
				<td></td>
			</tr>
			<tr>
				<th style="height: 60px;">验证码</th>
				<td>
					<input type="text" style="width: 180px; height: 54px;">
					<img src="1.jpg" style="height: 60px; float: right;" />
				</td>
				<td>
					<span>
						<a href="#" style="line-height: 60px;">点击换一张</a>
					</span>
				</td>
			</tr>
			<tr>
				<th></th>
				<td>
					<div><input type="checkbox" checked="checked" />同时开通QQ空间</div>
					<input type="checkbox" checked="checked" />我已阅读并同意相关服务条款和隐私政策
				</td>
				<td></td>
			</tr>
			<tr>
				<th></th>
				<td>
					<input type="button" value="立即注册" />
				</td>
				<td></td>
			</tr>
		</table>
	</body>
</html>

这是第一遍设计页面,结果图可能有点丑陋:

在这里插入图片描述

register1.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
				margin: 20px 40px;
			}

			a {
				text-decoration: none;
			}

			#main {
				height: 25px;
				width: 640px;
				line-height: 25px;
			}

			#main>span {
				float: left;
				color: #59AFE4;
				font-size: 20px;
				margin-right: 5px;
			}

			table {
				line-height: 40px;
				margin-top: 20px;
			}

			table td>div {
				height: 22px;
				font-size: 14px;
				line-height: 22px;
			}

			table span,
			a {
				float: left;
				height: 22px;
				color: #59AFE4;
				line-height: 22px;
			}

			table th {
				width: 90px;
				height: 40px;
				font-size: 15px;
				padding: 0 10px;
				text-align: right;
				line-height: 40px;
				font-weight: normal;
			}

			table td {
				width: 320px;
				height: 40px;
				text-align: left;
				line-height: 40px;
			}

			table input {
				width: 300px;
				height: 30px;
				text-align: left;
				line-height: 30px;
				border-radius: 5px;
				font-weight: normal;
				border-style: groove;
				border-color: lightgray;
				background-color: #f3f9fe;
			}

			table input:focus {
				background-color: #FFF;
				border-color: #59AFE4;
			}

			table input[type="radio"] {
				width: 15px;
				height: 15px;
			}

			table select {
				height: 24px;
				color: #59AFE4;
			}

			table option {
				height: 24px;
				color: #000;
			}

			table input[type="checkbox"] {
				width: 15px;
				height: 15px;
			}

			table input[type="button"] {
				color: #FFF;
				width: 180px;
				height: 60px;
				font-size: 24px;
				font-weight: bold;
				line-height: 60px;
				text-align: center;
				border-radius: 10px;
				border-style: initial;
				background-image: linear-gradient(#a5e486, #59ad42);
			}
		</style>
	</head>
	<body>
		<div id="main">
			<span>|</span>
			<div>注册账号</div>
			<hr color="#DDD" />
		</div>
		<table>
			<tr>
				<th>昵称</th>
				<td><input type="text"></td>
				<td>
					<div>
						请输入昵称<br /><span><a href="#">试试新功能,让手机号变QQ号!</a></span>
					</div>
				</td>
			</tr>
			<tr>
				<th>密码</th>
				<td><input type="password" /></td>
				<td></td>
			</tr>
			<tr>
				<th>确认密码</th>
				<td><input type="password" /></td>
				<td></td>
			</tr>
			<tr>
				<th>性别</th>
				<td>
					<input type="radio" name="sex" value="1" checked="checked" /> 男
					&ensp;&ensp;&ensp;<input type="radio" name="sex" value="0" /> 女
				</td>
				<td></td>
			</tr>
			<tr>
				<th>生日</th>
				<td>
					<select style="width: 60px;">
						<option value="公历">公历</option>
						<option value="农历">农历</option>
					</select>

					<select style="width: 100px;">
						<option value="disabled">年</option>
						<option value="2000">2000</option>
						<option value="2001">2001</option>
						<option value="2002">2002</option>
						<option value="2003">2003</option>
						<option value="2004">2004</option>
						<option value="2005">2005</option>
					</select>
					<select style="width: 60px;">
						<option value="disabled">月</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
					</select>
					<select style="width: 60px;">
						<option name="" value="disabled">日</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
						<option value="13">13</option>
						<option value="14">14</option>
						<option value="15">15</option>
						<option value="16">16</option>
						<option value="17">17</option>
						<option value="18">18</option>
						<option value="19">19</option>
						<option value="20">20</option>
						<option value="21">21</option>
						<option value="22">22</option>
						<option value="23">23</option>
						<option value="24">24</option>
						<option value="25">25</option>
						<option value="26">26</option>
						<option value="27">27</option>
						<option value="28">28</option>
						<option value="29">29</option>
						<option value="30">30</option>
						<option value="31">31</option>
					</select>
				</td>
				<td></td>
			</tr>
			<tr>
				<th>所在地</th>
				<td>
					<select style="width: 95px;">
						<option value="中国">中国</option>
						<option value="美国">美国</option>
						<option value="韩国">韩国</option>
						<option value="俄罗斯">俄罗斯</option>
						<option value="新加坡">新加坡</option>
						<option value="意大利">意大利</option>
						<option value="泰国">泰国</option>
					</select>
					<select style="width: 95px;">
						<option value="北京">北京</option>
						<option value="湖南">湖南</option>
						<option value="湖北">湖北</option>
						<option value="上海">上海</option>
						<option value="重庆">重庆</option>
						<option value="天津">天津</option>
						<option value="海南">海南</option>
					</select>
					<select style="width: 95px;">
						<option value="东城">东城</option>
						<option value="平谷">平谷</option>
						<option value="西城">西城</option>
						<option value="朝阳">朝阳</option>
						<option value="大兴">大兴</option>
						<option value="昌平">昌平</option>
						<option value="石景山">石景山</option>
					</select>
				</td>
				<td></td>
			</tr>
			<tr>
				<th style="height: 60px;">验证码</th>
				<td>
					<input type="text" style="width: 180px; height: 54px;">
					<img src="1.jpg" style="height: 60px; float: right;" />
				</td>
				<td>
					<span>
						<a href="#" style="line-height: 60px;">点击换一张</a>
					</span>
				</td>
			</tr>
			<tr>
				<th></th>
				<td>
					<div><input type="checkbox" checked="checked" />同时开通QQ空间</div>
					<input type="checkbox" checked="checked" />我已阅读并同意相关服务条款和隐私政策
				</td>
				<td></td>
			</tr>
			<tr>
				<th></th>
				<td>
					<input type="button" value="立即注册" />
				</td>
				<td></td>
			</tr>
		</table>
	</body>
</html>

相比于第一遍设计的页面,这次多了输入框的背景,以及点击后背景变白的效果,主要就是设置了 :focus 伪类,基本上是普通人设计的极限了,效果图如下:

在这里插入图片描述

register2.html

再看效果图,单选复选按钮居然是绿色的,这我肯定不服了,强制给他整绿:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
				margin: 20px 40px;
			}

			a {
				text-decoration: none;
			}

			#main {
				height: 25px;
				width: 640px;
				line-height: 25px;
			}

			#main>span {
				float: left;
				color: #59AFE4;
				font-size: 20px;
				margin-right: 5px;
			}

			table {
				line-height: 40px;
				margin-top: 20px;
			}

			table td>div {
				height: 22px;
				font-size: 14px;
				line-height: 22px;
			}

			table span,
			a {
				float: left;
				height: 22px;
				color: #59AFE4;
				line-height: 22px;
			}

			table th {
				width: 90px;
				height: 40px;
				font-size: 15px;
				padding: 0 10px;
				text-align: right;
				line-height: 40px;
				font-weight: normal;
			}

			table td {
				width: 320px;
				height: 40px;
				text-align: left;
				line-height: 40px;
			}

			table input {
				width: 300px;
				height: 30px;
				text-align: left;
				line-height: 30px;
				border-radius: 5px;
				font-weight: normal;
				border-style: groove;
				border-color: lightgray;
				background-color: #f3f9fe;
			}

			table input:focus {
				background-color: #FFF;
				border-color: #59AFE4;
			}

			.radio {
				top: 0;
				left: 0;
				margin: 0;
				width: 15px;
				height: 15px;
				position: absolute;
				border-radius: 100%;
				vertical-align: middle;
				background-color: #77d444;
			}
			
			.radio_bg {
				width: 15px;
				height: 15px;
				line-height: 40px;
				position: relative;
				border-radius: 100%;
				display: inline-block;
				border: 3px solid #DDD;
				vertical-align: inherit;
			}

			table input[type="radio"] {
				top: 0;
				left: 0;
				margin: 0;
				opacity: 1;
				z-index: 100;
				width: 100%;
				height: 100%;
				position: absolute;
			}

			table input[type="radio"]:checked {
				opacity: 0;  /* 隐藏按钮 */
			}

			table select {
				height: 24px;
				color: #59AFE4;
			}

			table option {
				height: 24px;
				color: #000;
			}

			.checkbox {
				top: 0;
				left: 0;
				margin: 0;
				width: 15px;
				height: 15px;
				color: #77d444;
				font-size: 16px;
				position: absolute;
				text-align: center;
				font-weight: bolder;
				vertical-align: middle;
			}
			
			.checkbox_bg {
				width: 15px;
				height: 15px;
				position: relative;
				display: inline-block;
				border: 3px solid #DDD;
				vertical-align: inherit;
			}

			table input[type="checkbox"] {
				top: 0;
				left: 0;
				margin: 0;
				opacity: 1;
				z-index: 100;
				width: 106%;
				height: 106%;
				position: absolute;
			}

			table input[type="checkbox"]:checked {
				opacity: 0;  /* 隐藏按钮 */
			}

			table input[type="button"] {
				color: #FFF;
				width: 180px;
				height: 60px;
				font-size: 24px;
				font-weight: bold;
				line-height: 60px;
				text-align: center;
				border-radius: 10px;
				border-style: initial;
				background-image: linear-gradient(#a5e486, #59ad42);
			}
		</style>
	</head>
	<body>
		<div id="main">
			<span>|</span>
			<div>注册账号</div>
			<hr color="#DDD" />
		</div>
		<table>
			<tr>
				<th>昵称</th>
				<td><input type="text"></td>
				<td>
					<div>
						请输入昵称<br /><span><a href="#">试试新功能,让手机号变QQ号!</a></span>
					</div>
				</td>
			</tr>
			<tr>
				<th>密码</th>
				<td><input type="password" /></td>
				<td></td>
			</tr>
			<tr>
				<th>确认密码</th>
				<td><input type="password" /></td>
				<td></td>
			</tr>
			<tr>
				<th>性别</th>
				<td>
					<div class="radio_bg"><div class="radio"><input type="radio" name="sex" value="1" checked="checked" /></div></div> 男
					&ensp;&ensp;&ensp;<div class="radio_bg"><div class="radio"><input type="radio" name="sex" value="0" /></div></div> 女
				</td>
				<td></td>
			</tr>
			<tr>
				<th>生日</th>
				<td>
					<select style="width: 60px;">
						<option value="公历">公历</option>
						<option value="农历">农历</option>
					</select>

					<select style="width: 100px;">
						<option value="disabled">年</option>
						<option value="2000">2000</option>
						<option value="2001">2001</option>
						<option value="2002">2002</option>
						<option value="2003">2003</option>
						<option value="2004">2004</option>
						<option value="2005">2005</option>
					</select>
					<select style="width: 60px;">
						<option value="disabled">月</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
					</select>
					<select style="width: 60px;">
						<option name="" value="disabled">日</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
						<option value="13">13</option>
						<option value="14">14</option>
						<option value="15">15</option>
						<option value="16">16</option>
						<option value="17">17</option>
						<option value="18">18</option>
						<option value="19">19</option>
						<option value="20">20</option>
						<option value="21">21</option>
						<option value="22">22</option>
						<option value="23">23</option>
						<option value="24">24</option>
						<option value="25">25</option>
						<option value="26">26</option>
						<option value="27">27</option>
						<option value="28">28</option>
						<option value="29">29</option>
						<option value="30">30</option>
						<option value="31">31</option>
					</select>
				</td>
				<td></td>
			</tr>
			<tr>
				<th>所在地</th>
				<td>
					<select style="width: 95px;">
						<option value="中国">中国</option>
						<option value="美国">美国</option>
						<option value="韩国">韩国</option>
						<option value="俄罗斯">俄罗斯</option>
						<option value="新加坡">新加坡</option>
						<option value="意大利">意大利</option>
						<option value="泰国">泰国</option>
					</select>
					<select style="width: 95px;">
						<option value="北京">北京</option>
						<option value="湖南">湖南</option>
						<option value="湖北">湖北</option>
						<option value="上海">上海</option>
						<option value="重庆">重庆</option>
						<option value="天津">天津</option>
						<option value="海南">海南</option>
					</select>
					<select style="width: 95px;">
						<option value="东城">东城</option>
						<option value="平谷">平谷</option>
						<option value="西城">西城</option>
						<option value="朝阳">朝阳</option>
						<option value="大兴">大兴</option>
						<option value="昌平">昌平</option>
						<option value="石景山">石景山</option>
					</select>
				</td>
				<td></td>
			</tr>
			<tr>
				<th style="height: 60px;">验证码</th>
				<td>
					<input type="text" style="width: 180px; height: 54px;">
					<img src="1.jpg" style="height: 60px; float: right;" />
				</td>
				<td>
					<span>
						<a href="#" style="line-height: 60px;">点击换一张</a>
					</span>
				</td>
			</tr>
			<tr>
				<th></th>
				<td>
					<div style="height: 40px;"><div class="checkbox_bg"><div class="checkbox">√<input type="checkbox" checked="checked" /></div></div>&ensp;同时开通QQ空间</div>
					<div style="height: 40px;"><div class="checkbox_bg"><div class="checkbox">√<input type="checkbox" checked="checked" /></div></div>&ensp;我已阅读并同意相关服务条款和隐私政策</div>
				</td>
				<td></td>
			</tr>
			<tr>
				<th></th>
				<td>
					<input type="button" value="立即注册" />
				</td>
				<td></td>
			</tr>
		</table>
	</body>
</html>

尽管这个多选框还是不咋像,但至少考虑到了这个细节,你就比别人强!
绿色单选复选框的实践主要是通过隐藏原有的单选复选框,再用绝对布局添加两层 div 标签,外层设置背景(边框),内层设置填充颜色(绿色),最后在css里为 :checked 伪类加上 opacity: 0; 达到隐藏默认按钮的作用,然后实际单选复选框边框都比原来的默认按钮边框都大,基本重合,所以外观看起来就像一样的。
如果默认按钮显示,就只显示空白,不显示就会把低下的绿色填充显示出来,通过这种方式来达到更换单选复选填充颜色。(在不使用框架和 JavaScript 的情况下)

致谢

本篇实例素材来自于 X Y H 🧡 ~

汇川AM系列ethercat控制伺服的使用说明(含转矩模式) 本文以一个实际例子,介绍ethercat伺服驱动器的工作原理,以及在汇川AM系列PLC中,如何点动、定位、速度、转矩控制ethercat伺服。 阅读详情

相关推荐

Unity2D像素刀光实现:粒子方向控制与像素级渲染规范

像素风游戏中的刀光特效并非普通粒子动画,而是需严格遵循像素艺术原理的视觉暂留模拟。其核心在于将‘瞬时切割感’转化为程序可执行的渲染逻辑:通过禁用纹理滤波保障1:1像素锐度,绑定刀锋向量控制粒子运动方向,限定≤0.15秒生命周期匹配人眼暂留阈值,并采用Stretched Billboard实现动态拉伸拖影。该方案兼顾美术语义(如直劈、横扫、突刺)与工程约束(Sorting Layer分层、对象池复用、单粒子GPU优化),广泛适用于Unity2D平台的动作反馈系统,尤其适配《空洞骑士》《死亡细胞》类高节奏像素R

weixin_32390647的博客 286

编写注册表单 HTML

通过编写一个注册页学习 HTML 表单学习如何控制人们在表单中可以输入的数据类型,以及使用一些新的 CSS 工具装饰页面

一七 4409

5分钟搞定!用L型匹配电路优化窄带天线性能(附Smith圆图实操)

本文针对窄带天线阻抗匹配难题,提供了一套5分钟快速解决方案。通过详解L型匹配电路的核心原理,并结合Smith圆图这一射频工程师的“瑞士军刀”,手把手指导如何选择拓扑、计算元件值并进行实际调试,旨在帮助硬件工程师高效优化天线性能,实现最大功率传输。

yyy34的博客 446

web前端——表单注册页面设计(注册信息)

在页面底部插入“电话”、“短信”、“E-Mail”和“返回顶部”4个导航链接,前三个导航链接必须使用相应的超链接伪协议,“返回顶部”链接到页面顶部锚点。另外,需设置链接状态样式,链接字体为蓝色,已访问过为灰色,鼠标经过时为红色,鼠标按下时为黄色。设置用户名、学号和密码为必填项,在输入域后显示红色“*”号,设置用户名输入框默认获得焦点,密码输入框中提示用户“请输入。除用户名、学号、密码、单选按钮、复选框、列表框和文本区之外,其它input元素必须为HTML5新增的输入类型;个选项,默认选择“成都”;

weixin_65997960的博客 6065

训练集、验证集、测试集!YOLO系列标签数量统计!

【代码】训练集、验证集、测试集!YOLO系列标签数量统计!

qq_26281057的博客 652

基于Openrouter的API调用免费大模型

Openrouter 是一个 AI 模型聚合平台,整合了全球 200 多种主流 AI 模型,包括 GPT-4、Claude、Gemini 等,以及国产通义千问、DeepSeek 等。其核心优势是统一的 API 设计,开发者仅需少量代码即可与多个模型交互,还支持自动路由与回退机制。用户可通过 OpenAI SDK 或 LangChain 调用 Openrouter 中的模型。

MurphyStar的博客 6207

HTML做一个注册表单

【代码】HTML做一个注册表单。

qq_63825941的博客 2721

从Protocol到硬件控制:揭秘高通UEFI中ABL与XBL的协作机制

本文深入解析了高通UEFI架构中ABL与XBL的协作机制,重点探讨了Protocol通信在硬件控制中的关键作用。通过对比传统GPIO控制方式,揭示了Protocol架构在安全性、可维护性和灵活性方面的优势,并提供了关机充电场景的实战案例分析及调试技巧。

weixin_29185199的博客 431

网页与HTML学习笔记006 | 表单标签及制作注册页面

初学HTML学习笔记:表单标签,以及制作综合运用之注册页面

M99922000的博客 1017

Python爬虫实战:全面解析裁判文书网法律文书抓取与分析

本文详细介绍了如何使用Python爬虫技术,分别通过Requests+BeautifulSoup、Selenium和Scrapy等方式,爬取裁判文书网的法律文书信息,并进行了验证码处理、数据存储和可视化分析。网页结构分析与数据提取;爬虫框架的使用;验证码处理策略;数据分析与可视化。爬取更多法律文书网站的数据;爬取文书的全文内容;构建法律文书搜索引擎;使用自然语言处理技术对法律文书进行深入分析。

2201_76125261的博客 1332

python+playwright 学习-10.pytest-playwright插件编写测试用例

pytest-playwright插件完美的继承了pytest 用例框架和playwright基础使用的封装,基本能满足工作中的常规需求了,不需要我们再做额外的插件开发。

qq_27371025的博客 2523

利用HTML进行简单网页制作

【代码】利用HTML进行简单网页制作。

m0_61665967的博客 2892

RK3566-预装APP

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档。

qq_24093081的博客 702

用网页制作安装包——解密微软那些使用网页的exe

我们见到的很多exe软件其实都是html做的ui。

cybersnow精通 28 门计算机语言,凭借其超凡的技术能力,成功开发过上万个应用,广泛涉及政府、商业、个人等众多领域,甚至在检察院、环保局、公安局等专业场景中也大放异彩。不仅熟练掌握单片机和物联网开发,在软件架构设计方面更是独树一帜,自创了跨平台软件 1564

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

【网页制作】jQuery制作动态指针钟表

jQuery制作动态指针钟表

user_from_future的博客 1568

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

【网页制作】制作百度网盘登录页

制作百度网盘登录页

user_from_future的博客 4019

大学生阅读小说网页设计模板代码 柏书旧书网带登录表单 注册表单小说书籍网页作业成品 学校书籍网页制作模板 学生简单书籍阅读网站设计成品

🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作,采用DIV+CSS布局,共有多个页面,首页使用CSS排版比较丰富,色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度,主体内容区域宽度 🎁更多干货 1.如果我的博客对你有帮助、如果你喜欢我的博客内容,一键三连哦!2.带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有

HTML网页设计 专注大学生网页设计 661

【网页制作】制作静态钟表

制作静态钟表

user_from_future的博客 1054

js网页制作06

js网页制作06

m0_62788719的博客 288

【肉夹馍 美食网页成品 美食网页设计制作作业 传统美食网页源码 美食特产前端网页制作  】

海量学生网页成品 个人博客 人物明星 城市家乡 旅游景点 美食特产 购物电商 公司企业 学校大学 科普教育 宠物动物 鲜花花卉 植物水果 茶叶咖啡 健康生活 摄影绘画 艺术文化 军事政治 朝代国家 新闻热点 电影音乐 科技数码 教育儿童 小说名著 动漫动画 服饰服装 体育竞技 足球篮球 环保公益 星座生肖 民族风情 外文英文 游戏电竞 化妆美妆 肺炎疫情 节日活动 房产 汽车主题成品任选。美食网页成品 美食网页设计制作作业 传统美食网页源码 美食特产前端网页制作。

qq_26341531的博客 134

52. Web前端网页制作 湖南凤凰古城旅游网页设计实例 大学生期末大作业 html+css+js

旅游主题网站实例,应用html+css+js,包括DIV、图片轮翻效果、视频、会员登录、会员注册表单等,供大家参考。

d321654987123的博客 1752

jQuery带背景切换登录注册表单

jQuery带背景切换登录注册表单 原始HTML+CSS+JS页面设计,这是一个不错的登录网页制作,画面精明,非常适合初学者学习使用。 作品介绍 1.网页作品简介方面 :jQuery带背景切换登录注册表单, 文章页支持手机PC响应式布局。 2.网页作品编辑方面:此作品为登录页面设计题材,HTML+CSS+JS 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用) 文章目录jQuery带背景切换

七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款 2027

【JavaWeb】注册表单案例(CSS)

效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册表单</title> <style> *{ margin: 0px; ...

sy140823的博客 659

html css网页制作成品——柏书旧书网带登录表单 注册表单小说书籍网页作业成品 学校书籍网页制作模板 学生简单书籍阅读网站设计成品

📂文章目录二、✍️网站描述三、📚网站介绍四、🌐网站演示五、⚙️ 网站代码🧱HTML结构代码💒CSS样式代码六、🥇 如何让学习不再盲目七、🎁更多干货 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【学习资料/简历模板/面试资料/ 网站设计与制作】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例】 # 一、👨‍🎓网站题目 🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。 二、✍️网站描述 🏷️HTML静态网页设计作业使用dreamweaver制作,采用DIV+C

1133

linux清除js缓存文件,禁止IIS缓存静态文件 png、js、htmllinux网页制作 -电脑资料

有的时间你可能需要禁止你的服务器环境不缓存一些文件,如果html,js,png这类文件,那么我们可以用程序实现页面全部不缓存之外,还有一种就是利用iis来操作了,有需要的朋友参考一下,如何禁止IIS缓存静态文件(png、js、html等):通过设置Http头不让浏览器缓存的方法在这个场景下是行不通的,因为缓存不是出现的客户端,而是出现在IIS服务器上;所以解决问题还需要从IIS本身入手,通过配置M...

weixin_42361070的博客 159

Dw网页制作10个小技巧

1、怎样将 Dreamweaver 集成到 IE 浏览器?Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令,我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径,把它们保存为一个 *.reg 文件,双击它将信息添加到注册表即可。

huhnyvkj的博客 625
上一篇: 【网页制作】jQuery操作css实现设置箭头图片
下一篇: 【网页制作】制作百度网盘登录页
user_from_future
博客等级 码龄5年 4067粉丝 115原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值