|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
WHATWG致力于Web表单和应用程序,而W3C(WorldWideWebConsortium,万维网联盟)专注于XHTML2.0。在2006年,双方决定进行合作.来创建一个新版本的HTML。网页制造poluoluo文章简介:如许做的了局很分明在视觉上与网站全体作风一致,而且下拉列表款式很大度,不外也带来了一些不良反响,由于用JS来做的,以是会碰着很多料想不到的效果,上面经由过程测试者三个网站我们逐一来剖析他们各自的缺点.
select下拉列表表单大概人人都很熟习,不外默许的下拉列表表单常常会让一些网站以为丑恶,同时用CSS也很难调剂select的款式。因而很多网站位了做出更切合网站作风的select下拉表单,常常会用JS来摹拟这类效果。
好比我们很熟习的土豆网,淘宝商城和亚马逊都是用JS做的下拉列表表单。
如许做的了局很分明在视觉上与网站全体作风一致,而且下拉列表款式很大度,不外也带来了一些不良反响,由于用JS来做的,以是会碰着很多料想不到的效果,上面经由过程测试者三个网站我们逐一来剖析他们各自的缺点:
土豆的搜刮种别选择框,每次点击都让我以为怪怪的:
1.点击后,弹出列表的地位与预期分歧。潜认识里是下拉列表,了局土豆给了我一个“中拉列表”。
2.习气性地用上/下键选择,了局却让全部页面转动。
3.一怒之下,想封闭不必了。按下ESC键,却没有任何呼应。
4.禁用JS后,完整不成用。
相似,淘宝商城也是看起来很美:
除第1点,别的都和土豆一样,可会见性和可用性都存在成绩。
办理举措很复杂,接纳原生的选择框便可,好比Amazon的:
为何不勉励在Web页面中利用自界说选择框呢?
Select选择框是一个十分成熟的交互控件。成熟意味着用户很简单承受,但成熟也意味着对各类用户都思索很全面,有着十分丰厚的交互细节。好比:对PgUp/PgDn,Home/End等键盘操纵的呼应,和在分歧地位能主动调治下拉列表的弹出偏向等等。
接纳JS来摹拟选择框,必要大批的事情和仔细的测试。即便公司乐意投进,也仍旧没法完成原生控件的某些特征。好比:下面Amazon的选择框,我把扫瞄器拉到很矮,这时候下拉列表能伸出到扫瞄器表面往。
为了一丁点“视觉小甜点”,让交互损失了云云多的有用细节,还得泯灭前端程序员的大批工夫,了局却吃力不奉迎,其实是很糟。
PS:要利用自界说选择框,得满意以下前提:
1.像google一样猖狂,乐意消费大批工夫和资本。
2.像google一样仔细,要做就做好,要摹拟就摹拟透。
3.在webapp上使用。
惋惜,在国际,像google或facebook一样猖狂和仔细的公司,还没呈现。
</p>
就在新标准备受瞩目之际,两大网络监督机构却起冲突。 |
|