<div class="searchModel">
<select name="" id="" value="2">
<option value="0">科室</option>
<option value="1">疾病</option>
<option value="2">医院</option>
</select>
<input type="text" placeholder="请输入搜索内容">
<button>搜索</button>
</div>
<style>
html,
body,
div,
input,
select,
button {
margin: 0
padding: 0
border: none
outline: none
}
.searchModel {
display: flex
border: 1px solid orange
border-radius: 4px
overflow: hidden
margin: 20px
height: 44px
}
.searchModel select {
color: #fff
background: orange
padding: 0 22px
/* appearance: none */
/* -moz-appearance: none */
/* Firefox */
/* -webkit-appearance: none */
/* Safari 和 Chrome */
}
select::-ms-expand {display: none}
.searchModel select option{
color: #333
background: #fff
}
.searchModel input {
flex: 1
padding: 0 10px
}
.searchModel button {
width: 44px
color: #fff
background: orange
}
</style>
要改变下拉选项选中的样式,就用div去模拟下拉框
js部分,button提交表单,或者是div模拟提交ajax
HTML5
是一个新的网络标准,目标在于取代现有的
HTML
4.01,
XHTML
1.0
and
DOM
Level
2
HTML
标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based
rich
internet
application,RIA),如Adobe
Flash,
Microsoft
Silverlight,
与
Sun
JavaFX
的需求。
[编辑]
发展历史
HTML
5
草案的前身名为
Web
Applications
1.0,是在2004年由
WHATWG
提出,再于2007年获
W3C
接纳,并成立了新的
HTML
工作团队。在2008年1月22日,第一份正式草案发布。[1]WHATWG
表示该规范是目前仍在进行的工作,仍须多年的努力。[2]目前
Firefox、Google
Chrome、Opera
及
Safari(版本
4
以上)已支援
HTML5
技术。
HTML
5的标准草案目前已进入W3C制定标准5大程序的第1步。负责编纂标准格式文件的Google代表Ian
Hickson预期,可能得等到2012年才会推出建议候选版(W3C
Candidate
Recommendation)。
[编辑]
新标记
HTML
5
提供了一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似
<div>
和
<span>
标签,但有一定含义,例如
<nav>(网站导航块)和
<footer>。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能,通过一个标准接口,如
<audio>
和
<video>
标记。[3]
一些过时的
HTML
4
标记将取消,其中包括纯粹用作显示效果的标记,如
<font>
和
<center>,因为它们已经被
CSS
取代。还有一些透过
DOM
的网络行为。
[编辑]
新应用程序接口(API)
除了原先的
DOM
接口,HTML5
增加了更多样化的
API[4]:
即时二维绘图
定时媒体播放
储存
离线
编辑
拖放
通讯/网络
后退按钮管理
MIME
和协议处理程序时表头登记
[编辑]
与
HTML
4
的不同之处
以下为大略的不同之处,与例子:
新的解析顺序
新的元素:section,
video,
progress,
nav,
meter,
time,
aside,
canvas
input
元素的新属性:日期和时间,email,
url
新的通用属性:ping,
charset,
async
全域属性:id,
tabindex,
repeat
移除元素:center,
font,
u,
strike,
s,
frameset,
frame,
applet
[编辑]
异常处理
HTML5(text/html)
浏览器将在错误语法的处理上更加灵活。HTML5在设计时保证旧的浏览器能够安全的忽略掉新的HTML5代码。与
HTML4.01相比,HTML5给出了解析的详细规则,力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。