实现在搜索框里输入一个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>