HTML制作简单的静态网页（二）
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="http://mmbiz.qpic.cn/mmbiz/fG6fEWZ2PH3MXibRG9umiaGTEdh0aX8kEZDtTQeFXMj6G87dX98dvneXY7Haiba9d0d8yVER7mAkAyeYba5H1Haiag/0?wx_fmt=gif&tp=webp&wxfrom=5&wx_lazy=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">今天程序猿<span style="color: black;">朋友</span>-死神又来投稿了，谢谢这位<span style="color: black;">朋友</span>的热血支持。棒棒的。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在上一期，<span style="color: black;">咱们</span>谈到了，HTML里面的框架标签，用来规划你的页面，这期，我来教<span style="color: black;">大众</span><span style="color: black;">运用</span>表单标签，这个是一个很<span style="color: black;">平常</span>的标签，常用于客户信息系统，换而言之，<span style="color: black;">便是</span>，学会了表单标签，你<span style="color: black;">能够</span>做出一个简单的用户注册页面。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz/fG6fEWZ2PH3RfyRSQuQEIAxvJNdIDg5cLnEMOkbR1Tc4ibKJ3E5MFTVMSS0dULUO9WJLsKarQuiauygrfECwIQSA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上，是一个很简单，但相信<span style="color: black;">大众</span>并不陌生的界面，利用表单标签，你<span style="color: black;">亦</span><span style="color: black;">能够</span>做到。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">上面这些代码<span style="color: black;">并不</span>过60行，<span style="color: black;">然则</span>效果<span style="color: black;">大众</span><span style="color: black;">能够</span>看到，好了，废话不多说，下面介绍这上面用到的表单标签<span style="color: black;"><form></form>这个，<span style="color: black;">便是</span>表单标签，上一期<span style="color: black;">咱们</span>说到，HTML语言中大<span style="color: black;">都数</span>标签都是成对<span style="color: black;">显现</span>的，表单标签<span style="color: black;">亦</span>是不例外，<form></form>中间部分，才是<span style="color: black;">咱们</span>要进行<span style="color: black;">仔细</span>填写的。</span></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="http://mmbiz.qpic.cn/mmbiz/fG6fEWZ2PH3RfyRSQuQEIAxvJNdIDg5ciceubXSvEdQavsUTZ4RcC3EvqXNoFk2mudqdRSoeS2SwrZTqYwkWC8Q/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">里面<span style="color: black;">能够</span>填写什么呢？</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">首要</span>，<span style="color: black;">咱们</span>中间<span style="color: black;">能够</span>填<input type=”XXX”/><span style="color: black;">这般</span>的标签，其实嘛，有点英语功底的童鞋们<span style="color: black;">能够</span>看到，这标签<span style="color: black;">没</span>非<span style="color: black;">便是</span>要记录你输入了什么鬼，你输入的类型是什么？<span style="color: black;"><span style="color: black;">倘若</span>你写了<input type=”text”/>，<span style="color: black;">那样</span>顾名思义，你页面<span style="color: black;">表示</span>的<span style="color: black;">便是</span>文本框，给你写入你想写的文本，<span style="color: black;">咱们</span><span style="color: black;">能够</span>拿它来给人输入用户名信息。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">一样</span>的，<span style="color: black;">倘若</span>你写了<input type=”password”/><span style="color: black;">亦</span>是顾名思义，你要用户输入<span style="color: black;">暗码</span>，用户输入的内容会变成*号不<span style="color: black;">表示</span>出来，常用于拿来让你输入<span style="color: black;">暗码</span>信息</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">下面给你们效果图：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz/fG6fEWZ2PH3RfyRSQuQEIAxvJNdIDg5c1dGGmvYMUjvGBr9gt2Fh0QeO0KwI80bdSauVs1a9S26MIA5rVMkY1w/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><img src="http://mmbiz.qpic.cn/mmbiz/fG6fEWZ2PH3RfyRSQuQEIAxvJNdIDg5cVLTthZ5GeEKlfuTDDnBQw3oe5kdgRibuCVAbIBFE107Y7ZEECQMzalA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">上图为用户名<span style="color: black;">暗码</span>这部分，其实<span style="color: black;">没</span>非都是这么简单的写出来，下面，<span style="color: black;">便是</span>差了一个提交的按钮，用</span><span style="color: black;"><input type =”submit”/></span><span style="color: black;">就<span style="color: black;">能够</span>实现：</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="http://mmbiz.qpic.cn/mmbiz/fG6fEWZ2PH3RfyRSQuQEIAxvJNdIDg5cE20IyZbK1AhL3HTvM11Pkrg3P1Nz8ugt5HAeHOkBn8s6wdibyChVdAw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">把握</span>了</span>form<span style="color: black;">标签，用上刚才说的这三个</span>input<span style="color: black;">小标签，你就能很愉快很简单的制作出这种简单的注册页面，是不是很容易呢</span>O(<span style="color: black;">∩</span>_<span style="color: black;">∩</span>)O~</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">（</span>PS<span style="color: black;">：<span style="color: black;">倘若</span>写不出以上效果，<span style="color: black;">或</span><span style="color: black;">必须</span>源代码，<span style="color: black;">能够</span>在欣怡科技之家输入</span>HTML<span style="color: black;">，<span style="color: black;">咱们</span>会自动回复代码，感谢你的支持哦，亲</span>O(<span style="color: black;">∩</span>_<span style="color: black;">∩</span>)O~<span style="color: black;">）</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz/fG6fEWZ2PH38WJLYSdgYlCncfl5MpLTsjImTvcEpib1XPPfQVR2gvatSsaLwvfsoMAqR4MqwE77sztATtcFdY7w/640?tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz/fG6fEWZ2PH1JG3p2YcawKpUNdopMD5An9Nib9RUGfwrToEy20KYlPXfY2LefreT8pfFIcnc5QiaO6fZt1fBUCtLg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
你说得对，我们一起加油，未来可期。 外链发布论坛学习网络优化SEO。 谷歌外链发布 http://www.fok120.com/
页:
[1]