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>