用表格和表单制作如下网页。完整html代码
1、使用标签定义网页的表格,使用style赋值类型将显示在网页。2、使用
标签定义行,使用| 定义表头,表头的文字自动加粗。3、 |
和标签配合,定义每行中的表格数量,现在定义3行5列的表格。4、使用扰源定义表格的标题。5、表格分为三个部分,表头部，表主体，表尾部。6、表头部和主体分别放标题和表格的内容,而表汪哪的尾部通常放的缓陵态是页数。
使用HTML，按下图所示设计一个由表单组成的网页
具体要求如下：
（1） 网页中共有四行内容
（2） 输入密码使用密码框，且密码最多为6个字符
（3） 表单中的两个单选框默认选中“男”选项
（4） 表单中的四个复选框默认选中“音乐”和“军事”选项
（5） 表单中的“注册”按钮为普通按钮。 你好代码如下 ： 希望能帮到你 谢谢
用HTML制作网页――表单与ASP，求高手帮忙
实验三 用HTML制作网页――表单与ASP
一、实验目的
掌握表单的设计
用ASP处理表单信息
二、实验环境
Windows98/2000/XP
PWS3.0及以上版本或IIS3.0及以上版本
三、实验内容
(如图)
设计如图1所示的表单网页，当输入如图2的信息并单击“提交”按钮后，显示如图3所示的网页(可填写自己的信念)。做这个50分太少了把，给你发个参考 你看着改改表单控件就行
本页面为“计算机利率2.asp”
快乐信托网络银行
用表格和表单制作如下网页。完整html代码
1、使用标签定义网页的表格,使用style赋值类型将显示在网页。2、使用 |
标签定义行,使用| 定义表头,表头的文字自动加粗。3、 |
和标签配合,定义每行中的表格数量,现在定义3行5列的表格。4、使用扰源定义表格的标题。5、表格分为三个部分,表头部，表主体，表尾部。6、表头部和主体分别放标题和表格的内容,而表汪哪的尾部通常放的缓陵态是页数。
用HTML制作网页――表单与ASP，求高手帮忙
实验三 用HTML制作网页――表单与ASP
一、实验目的
掌握表单的设计
用ASP处理表单信息
二、实验环境
Windows98/2000/XP
PWS3.0及以上版本或IIS3.0及以上版本
三、实验内容
（如图）
设计如图1所示的表单网页，当输入如图2的信息并单击“提交”按钮后，显示如图3所示的网页（可填写自己的信念）。做这个50分太少了把，给你发个参考 你看着改改表单控件就行
本页面为“计算机利率2.asp”
快乐信托网络<span class="m2ou23">银行</TITL</span>E><br/> <</p> </div>
<div class="newsDetailPage">
<div class="newsDetailPrev">
<a style="cursor: pointer !important;" href="/aygd/8308.html">
<div class="prevIco"><i class="iconfont icon-zuoyoujiantou-copy"></i></div>
<div class="prevName">
<p>上一篇：</p>
<p>常用的网页制作工具有哪几种</p>
</div>
</a>
</div>
<div class="newsDetailReturn">
<a style="cursor: pointer !important;" href="/aygd/">
<div class="returnIco"><i class="iconfont icon-caidan"></i></div>
<div class="returnName">
<p>返回列表</p>
</div>
</a>
</div>
<div class="newsDetailNext">
<a style="cursor: pointer !important;" href="/aygd/8310.html">
<div class="nextIco"><i class="iconfont icon-zuoyoujiantou"></i></div>
<div class="nextName">
<p>下一篇：网页制作设计软件下载</p>
<p></p>
</div>
</a>
</div>
</div>
</div>
<div class="newsDetailRg col-3">
<div class="newsDetailRgSack">
<div class="newsDetailRgTitle">
<h2>相关知识</h2>
</div>
<ul class="newsDetailUl">
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9297.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京企业网站建设科普：分清定制、模板建站，少走弯路</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9296.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京建设网站公司技术实力甄别与选型策略</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9295.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>前期选南京建站公司？测评逻辑与需求匹配指南</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9294.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>公司没有技术人员，南京找谁做官网并负责后期维护？</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9293.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京网站建设公司哪家权威？7条资质与能力评判清单</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9292.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京企业做官网，设计和开发要不要找同一家公司？</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9291.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京口碑好的官网定制公司怎么找？5项核验看清真实服务</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9289.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京企业官网和小程序能共用一个后台吗？</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9287.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京网站建设与官网定制：安优网络的服务能力和项目实践</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9286.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京企业做定制网站，项目启动前需要准备哪些资料？</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9281.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京哪家网站制作公司比较靠谱？2000+企业的选择说明了一切</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9285.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京企业网站改版，原来的域名还能用吗？</h2>
</div>
</a>
</li>
</ul>
</div>
<div class="newsDetailRgBtmSack">
<div class="btmTitle">
<h2>联系安优网络</h2>
</div>
<div class="btmText">
<p>定制您的专属网站建设方案吧</p>
</div>
<div class="btmTel">
<a style="cursor: pointer !important;" class="btmTelA" href="tel:4008793956">
<span class="btmTelSpan">
<i>400-8793-956</i>
</span>
</a>
</div>
<div class="btmImg"><img src="/skin/images/newsbtmbg.jpg" alt=""></div>
</div>
</div>
</div>
</div>
</article>
<!-- 留言模块已按要求关闭，不执行表单模板代码。 -->
</div>
<script id="anyou-news-nav-behavior">
(function () {
'use strict';
window.addEventListener('load', function () {
var header = document.getElementById('header');
if (!header) return;
var navWrap = header.querySelector('.navWrap');
var lastY = Math.max(0, window.pageYOffset || document.documentElement.scrollTop || 0);
var ticking = false;
var threshold = 80;
function getY() {
return Math.max(0, window.pageYOffset || document.documentElement.scrollTop || 0);
}
function menuIsOpen() {
var unfold = header.querySelector('.navUnfold');
return !!(unfold && unfold.classList.contains('on'));
}
function lockDark() {
header.style.setProperty('top', '0px', 'important');
header.style.setProperty('margin-top', '0px', 'important');
header.style.setProperty('background', 'rgba(0,0,0,.96)', 'important');
if (navWrap) {
navWrap.style.setProperty('background', 'rgba(0,0,0,.96)', 'important');
}
}
function showNav() {
header.classList.remove('anyou-news-nav-hide');
header.classList.add('anyou-news-nav-show');
header.classList.remove('headertop');
lockDark();
}
function hideNav() {
if (menuIsOpen()) {
showNav();
return;
}
header.classList.remove('anyou-news-nav-show');
header.classList.add('anyou-news-nav-hide');
lockDark();
}
function update() {
var y = getY();
var delta = y - lastY;
lockDark();
if (y <= 2) {
showNav();
lastY = 0;
ticking = false;
return;
}
if (y > threshold && delta > 2) {
hideNav();
} else if (delta < -2) {
showNav();
}
lastY = y;
ticking = false;
}
function requestUpdate() {
if (ticking) return;
ticking = true;
window.requestAnimationFrame(update);
}
showNav();
window.addEventListener('scroll', requestUpdate, { passive: true });
window.addEventListener('resize', requestUpdate);
window.addEventListener('pageshow', function () {
lastY = getY();
showNav();
});
var navBars = document.getElementById('navBars');
if (navBars) {
navBars.addEventListener('click', showNav);
}
});
})();
</script>
<div class="footer " id="footer">
<div class="ftSack col-11">
<div class="ftTop row">
<div class="ftTopLf col-12 col-xl-6">
<ul class="ftTopLfUl">
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/service/">
<p>服务项目</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>网站建设开发</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>品牌设计塑造</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>移动端开发</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>网站安全运维</p>
</a>
<a style="cursor: pointer !important;" href="/seo.html">
<p>网站优化</p>
</a>
<a style="cursor: pointer !important;" href="/xcx.html">
<p>微信小程序开发</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/jpal/">
<p>精品案例</p>
</a>
<a style="cursor: pointer !important;" href="/jtal/">
<p>集团案例</p>
</a>
<a style="cursor: pointer !important;" href="/gsal/">
<p>公司案例</p>
</a>
<a style="cursor: pointer !important;" href="/xcxal/">
<p>小程序案例</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>关于我们</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>关于安优</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>安优使命</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>安优愿景</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>合作伙伴</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/ayxw/">
<p>公司新闻</p>
</a>
<a style="cursor: pointer !important;" href="/aygd/">
<p>安优观点</p>
</a>
<a style="cursor: pointer !important;" href="/wzzs/">
<p>网站知识</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/contact/">
<p>联系我们</p>
</a>
<a style="cursor: pointer !important;" href="/contact/">
<p>联系方式</p>
</a>
<a style="cursor: pointer !important;" href="/contact/">
<p>业务咨询</p>
</a>
</li>
</ul>
</div>
<div class="ftTopRg col-12 col-xl-6">
<div class="ftTopRgSack1">
<div class="ftSack1Title">
<h2>联系我们</h2>
</div>
<div class="ftSack1Ico">
<p><i class="iconfont icon-shouji"></i>业务咨询电话：</p>
<a style="cursor: pointer !important;" class="navTelA" href="tel:18651623366">
<span class="navTelSpan">
<i>18651623366</i>
</span>
</a>
</div>
<div class="ftSack1Ico">
<p><i class="iconfont icon-zuoji"></i>服务热线：</p>
<a style="cursor: pointer !important;" class="navTelB" href="tel:400-8793-956">
<p>400-8793-956</p>
</a>
</div>
</div>
<div class="ftTopRgSack2">
<div class="ftSack2Code">
<div class="codeImg"><img src="/skin/picture/weixintupian_20240423125445.jpg" alt="南京安优网络微信咨询"></div>
<div class="codeName">
<p>微信咨询</p>
</div>
</div>
<div class="ftSack2Ico">
<p><i class="iconfont icon-youjian"></i>邮箱：</p>
<a style="cursor: pointer !important;" class="email" href="mailto:309474043@qq.com">
<p>309474043@qq.com</p>
</a>
</div>
<div class="ftSack2Ico">
<p><i class="iconfont icon-dizhi"></i>地址：南京市建邺区新城科技园嘉陵江东街18号2层217室</p>
</div>
</div>
</div>
</div>
<div class="ftBtm">
<div class="ftCopy">
<div class="ftCopyright">
<p>
<a style="cursor: pointer !important;">© 2012-2026 南京安优网络科技有限公司 All rights reserved.</a>
<a style="cursor: pointer !important;" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer"> 苏ICP备12071769号-1</a>
<a style="cursor: pointer !important;" href="/wzdt/">网站地图</a>
<a style="cursor: pointer !important;" href="/sitemap.xml">XML</a>
<a style="cursor: pointer !important;" href="/sitemap.txt">TXT</a>
</p>
</div>
</div>
<div class="ftKeyword">
<a>友情链接:</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_blank" rel="noopener noreferrer">南京网站建设</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_blank" rel="noopener noreferrer">南京网站制作</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_blank" rel="noopener noreferrer">南京网站建设公司</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_blank" rel="noopener noreferrer">南京网站制作公司</a>
<a style="cursor: pointer !important;" href="http://www.51mianbeian.com/" target="_blank" rel="noopener noreferrer">香港空间</a>
<a style="cursor: pointer !important;" href="http://www.qiyedouyin.com/" target="_blank" rel="noopener noreferrer">抖音seo</a>
<a style="cursor: pointer !important;" href="http://www.unbmc.com" target="_blank" rel="noopener noreferrer">无锡小程序开发</a>
<a style="cursor: pointer !important;" href="https://www.cnbanwagong.com" target="_blank" rel="noopener noreferrer">便宜服务器</a>
<a style="cursor: pointer !important;" href="https://www.songweijuan.com" target="_blank" rel="noopener noreferrer">三维动画制作</a>
<a style="cursor: pointer !important;" href="http://www.fancoo-jz.cn" target="_blank" rel="noopener noreferrer">扬州谷歌推广</a>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var flag = true;
var a, b, c;
a = $(window).height();
var group = $(".footer");
$(window).scroll(function () {
b = $(this).scrollTop();
c = group.offset().top;
if (a + b > c && flag) {
$(".footer").addClass('line');
flag = false
} else {
if (a + b < c && !flag) {
flag = true
}
}
});
});
</script>
</div>
<script src="/skin/js/sfq.js"></script>
<script src="/skin/js/swiper-bundle.min.js"></script>
<script src="/skin/js/swiper.animate1.0.3.min.js"></script>
<script src="/skin/js/swipter.js"></script>
<script src="/skin/js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<section id="flotWindSack">
<div class="flotWindLf">
<a href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" rel="noopener noreferrer" onClick="seopen2()">
<div class="flotWindLfSack">
<div class="flotWindLfLoca">
<div class="flotWindLfIco"><img src="/skin/picture/flowwdlf.png" alt=""></div>
<div class="flotWindLfName">
<p>在线咨询</p>
</div>
</div>
</div>
</a>
</div>
<div class="flotWindRg">
<a style="cursor: pointer !important;" href="tel:400-8793-956">
<div class="flotWindRgSack">
<div class="flotWindRgLoca">
<div class="flotWindRgIco"><img src="/skin/picture/flowwdrg.png" alt=""></div>
<div class="flotWindRgName">
<p>拨打电话</p>
</div>
</div>
</div>
</a>
</div>
</section>
<script>
var windowTop1 = 0;
$(window).scroll(function () {
var header = $("#flotWindSack");
var scrolls = $(this).scrollTop();
if (scrolls >= windowTop1 && $(document).scrollTop() > 79) {
header.addClass('flotWindSack');
windowTop1 = scrolls;
} else {
header.removeClass('flotWindSack');
windowTop1 = scrolls;
}
});
</script>
<section id="flotWind2Sack">
<div class="flotWind2Top">
<ul class="flotWind2TopList">
<li>
<div class="flotWind2TopIco">
<div class="flotWind2TopImg"><img src="/skin/picture/pcphone.png" alt=""></div>
<div class="flotWind2TopIcoName">
<p>电话咨询</p>
</div>
</div>
<div class="flotWind2TopHover">
<div class="flotWind2TopHoverB">
<a style="cursor: pointer !important;" href="tel:400-8793-956">
<div class="flotWind2THoSa">
<p>400-8793-956</p>
</div>
</a>
<div class="smico"></div>
</div>
</div>
</li>
<li>
<a style="cursor: pointer !important;" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" rel="noopener noreferrer" onClick="seopen2()">
<div class="flotWind2TopIco">
<div class="flotWind2TopImg"><img src="/skin/picture/pcerji.png" alt=""></div>
<div class="flotWind2TopIcoName">
<p>在线咨询</p>
</div>
</div>
</a>
</li>
<li>
<div class="flotWind2TopIco">
<div class="flotWind2TopImg"><img src="/skin/picture/pcweix.png" alt=""></div>
<div class="flotWind2TopIcoName">
<p>微信咨询</p>
</div>
</div>
<div class="flotWind2TopHover">
<div class="flotWind2THoSa">
<div class="flotWind2TopHoverIm">
<img src="/skin/picture/weixintupian_20240423125445.jpg" alt="南京安优网络微信咨询">
</div>
<div class="smico"></div>
</div>
</div>
</li>
</ul>
</div>
<div class="flotWind2Bt">
<a style="cursor: pointer !important;" href="javascript:window.scrollTo(0,0)" id="flotWind2Bt">
<div class="flotWind2BtSack">
<div class="flotWind2TBtIco">
<div class="flotWind2BtImg"><img src="/skin/picture/rettop.png" alt=""></div>
<div class="flotWind2BtIcoName">
<p>返回顶部</p>
</div>
</div>
</div>
</a>
</div>
</section>
<script>
window.scrollTo({
top: 0,
left: 0,
behavior: 'smooth',
duration: 1000,
});
</script>
<script>
$("#flotWind2Bt").click(function () {
if (typeof mySwiperserve !== "undefined" && mySwiperserve && typeof mySwiperserve.slideTo === "function") {
mySwiperserve.slideTo(0, 1000, false);
}
});
</script>
<script>
var windowTop1 = 0;
$(window).scroll(function () {
var header = $("#flotWind2Sack");
var scrolls = $(this).scrollTop();
if (scrolls >= windowTop1 && $(document).scrollTop() > 300) {
header.addClass('flotWind2Sack');
windowTop1 = scrolls;
} else {
header.removeClass('flotWind2Sack');
windowTop1 = scrolls;
}
});
</script>
<section class="flotWindRogue" id="flotWindRogue">
<div class="rogue">
<div class="rogueContext">
<div class="rogueTitle">
<h2>品质设计 用心服务</h2>
</div>
<ul class="rogueUl row">
<li class="rogueLi col-4">
<div class="rogueLiSack">
<div class="rogueLiSackP">
<p>2012年成立</p>
</div>
</div>
</li>
<li class="rogueLi col-4">
<div class="rogueLiSack">
<div class="rogueLiSackP">
<p>累计服务2000+企业</p>
</div>
</div>
</li>
<li class="rogueLi col-4">
<div class="rogueLiSack">
<div class="rogueLiSackP">
<p>长期维护与扩展</p>
</div>
</div>
</li>
</ul>
<div class="rogueBtm">
<div class="rogueLf">
<div class="tdCode"><img src="/skin/picture/weixintupian_20240423125445.jpg" alt="南京安优网络微信咨询"></div>
</div>
<div class="rogueRg">
<div class="rogueRgSmT">
<p>网站建设与小程序咨询</p>
</div>
<div class="rogueRgT">
<a style="cursor: pointer !important;" href="tel:400-8793-956">
<p>400-8793-956</p>
</a>
</div>
<div class="rogueRgBt">
<a style="cursor: pointer !important;" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" rel="noopener noreferrer" onClick="seopen2()">
<p>在线咨询</p>
</a>
</div>
</div>
</div>
</div>
<div class="rogueCrosses">
<div class="icon">
<i class="iconfont icon-fork"></i>
</div>
</div>
</div>
</section>
<script>
var i = 0;
var max = "0";
var add = "";
var shouci = "10000";
var zaici = "50000";
var deTime1 = window.setTimeout(function () {
$(".flotWindRogue").addClass('active');
}, shouci);
function deTime() {
$(".flotWindRogue").addClass('active');
i++;
if (i > max) {
window.clearInterval(add);
};
}
add = setInterval(function () {
deTime();
}, zaici);
$("#flotWindRogue .rogue .rogueCrosses").click(function () {
$(".flotWindRogue").removeClass("active");
});
</script>
<script>
$(document).ready(function () {
var flag = true;
var a, b, c;
a = $(window).height();
var group = $(".ind08");
if (!group.length) return;
$(window).scroll(function () {
b = $(this).scrollTop();
c = group.offset().top;
if (a + b > c && flag) {
$(".ind08 .ind08Sack .ind08Title").addClass('active');
flag = false
} else {
if (a + b < c && !flag) {
flag = true
}
}
});
});
</script>
<script>
$(document).ready(function () {
var flag = true;
var a, b, c;
a = $(window).height();
var group = $(".ind08 .ind08Sack");
if (!group.length) return;
$(window).scroll(function () {
b = $(this).scrollTop();
c = group.offset().top;
if (a + b > c && flag) {
$(".ind08 .ind08Sack .ind08SmalTitle").addClass('active');
flag = false
} else {
if (a + b < c && !flag) {
flag = true
}
}
});
});
</script>
</body>
</html> |
