精通 CSS+DIV 网页样式与布局 119-优快云博客

本文介绍了博客网站中的搜索功能及用户登录流程。搜索功能支持按ID、名称或描述进行精确查找；登录功能则允许用户输入用户名及密码进行身份验证。

<li><a href=”#”>L</a></li>
<li><a href=”#”>M</a></li>
<li><a href=”#”>N</a></li>
<li><a href=”#”>O</a></li>
<li><a href=”#”>P</a></li>
<li><a href=”#”>Q</a></li>
<li><a href=”#”>R</a></li>
<li><a href=”#”>S</a></li>
<li><a href=”#”>T</a></li>
<li><a href=”#”>U</a></li>
<li><a href=”#”>V</a></li>
<li><a href=”#”>W</a></li>
<li><a href=”#”>X</a></li>
<li><a href=”#”>Y</a></li>
<li><a href=”#”>Z</a></li>
</ul>
<br>
</div>
<div id=”blogsearch”>
<ul>
<form>
<li id=”sear1”>博客搜索:<input name=”keyword” type=”text”
size=”13” onMouseOver=”this.focus();” onFocus=”this.select();”></li>
<li id=”sear2”><input type=”hidden” name=”exact”
value=”0”></li>
<li id=”sear3”><input type=”radio” name=”key” value=”u”
checked>ID</li>
<li id=”sear4”><input type=”radio” name=”key” value=”c”>名称
</li>
<li id=”sear5”><input type=”radio” name=”key” value=”d”>描述
</li>
<li id=”sear6”><input type=”submit” value=”GO”></li>
</form>
</ul>
<br>
</div>
<div id=”logoin”>
<ul id=”per”>
<form name=”form1”>
<li id=”per1”>用户名:
<input type=”text” class=”textinput1” onMouseOver=”this.focus()”
onFocus=”this.select()” name=”id” maxlength=”12” tabindex=”1”>
<input type=”submit” value=”登录” tabindex=”3”></li>
<li id=”per2”>密码: