下拉菜单

来源:互联网 发布:淘宝评分怎么看 编辑:程序博客网 时间:2024/06/15 13:30

 1. 第一种

<select name="" id=""><option value="shj">----城市----</option><option value="shj">----郑州----</option><option value="shj">----洛阳----</option><option value="shj">----洛杉矶----</option></select>


特效:



2.第二种(要与input搭配使用)

input  中要添加属性list  , 其中list的值要跟datalist的id 值相同

<input type="text" value="王凯" list="star"><datalist id="star"><option>郭德纲</option><option>胡歌</option><option>郭采洁</option><option>郭富城</option><option>杨幂</option><option>赵丽颖</option></datalist>
功能: 可以选择前几个字符相同的选项(百度搜索框)


效果: