首页 > 建站‧营销

实现在搜索框里输入一个id,点击回车,就直接跳转到对应页面代码


HTML代码如下,(以下代码可能没有那么专业,不喜勿喷,哈哈):
<div class="formpost">

<P><STRONG>温馨提示:</STRONG>查看往期行业小报操作说明:当前第一期为:<font color=#ff0000><STRONG>2021年4月第1期</STRONG></font>,手动按格式输入查看日期,格式如:<font color=#ff0000><STRONG>20210401</STRONG></font>,点击跳到,指向查看的期刊。<input type="text" id="input1">

<button id="input1" value="text" onclick="javascript:var id = document.querySelector('#input1').value; window.location.href ='{dede:type typeid='1'}[field:typeurl/]{/dede:type}' + id;">跳到</button></P>

</div>

css规则如下:

<style>
.formpost{
padding:10px 10px 10px 10px;
text-align: left;
font-size: 14px;
border:1px dashed #1cb076; /*设置边框为2px粗,实线,#ebbccb色*/
}
.formpost p{
color: #999;
}
input {
text-align: center;
width: 6.625rem;
border: 1px solid #1cb076;
font-family: 微软雅黑, "Open Sans", sans-serif;}
button {
border: 1px solid #1cb076;
color: #fff;
background: #1cb076;
width: 6.625rem;
text-align: center;}
</style>

本文链接:https://zhanque.net/cms/4797.html