云企logo

云企分享专用缩略图

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

更新日期:2022-05-07  

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>

 

上一篇:织梦dedecms怎么让栏目按照指定的id排序?

下一篇:织梦登录后台无法连接数据库是怎么回事?
首页
电话咨询