搜索框:表单元素

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

先去添加一个搜索表单 .. 把这放在 content 元素的外面 .. 让它跟 content 元素是兄弟 ..

表单用的是 form 标签 ... 上面可以加上一个 search-form 类 .. 我们需要用到这个类去给它添加样式 ..

在它里面,先简单的添加一个 text 类型的 input 元素 .. 在它上面再添加一个 placeholder 属性,可以给它添加一个点位符文字 .. 搜索...

现在浏览器上显示的是比较原始的文本框的样式 .. 我打算用一下 semantic ui 里的 input 样式 .. 把它样式表链接到页面上 ...

样式表的名字是 input.css ..

然后我们要为 input 元素添加一个额外的包装 .. 用一个 div ,上面加上 ui.input 这两个 css 类 .. 包装一下这个 input 元素 ..

你会看一个漂亮的文本框 ..

semantic ui 为 input 提供了不同类型的样式 .. 在它的包装上,再添加几个 css 类 ..

ui.big.transparent.input

现在这个文本框就变成了我想要的样式了 ..

搜索框:表单元素《 网页设计案例:导航栏 》

统计

13799
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点