html搜索框功能实现_计算机毕业设计中HTML搜索功能实现,搜索框样式

点击上方“蓝字”，关注我们.

上效果图:

一:搜索框功能实现

1.在首页做一个搜索框的样式并实现跳转到搜索页面

<view class='page_row' bindtap="suo">

<view class="search">

<view class="df search_arr">

<icon class="searchcion" size='20' type='search'>icon>

<input class="" disabled placeholder="请输入关键字" value="{ {searchValue}}"/>

view>

view>

<view class='sousuo'>搜索view>

view>

.search{

width: 80%;

}

.search_arr {

border: 1px solid #d0d0d0;

border-radius: 10rpx;

margin-left: 20rpx;

}

.search_arr input{

margin-left: 60rpx;

height: 60rpx;

border-radius: 5px;

}

.bc_text {

line-height: 68rpx;

height: 68rpx;

margin-top: 34rpx;

}

.sousuo {