select的placeholder其实是无效的。所以很多人想了一些奇技淫巧,比如利用HTML的标签:
XML/HTML代码
- <select>
- <option value="" disabled selected hidden>Please Choose</option>
- <option value="0">Open when powered (most valves do this)</option>
- <option value="1">Closed when powered, auto-opens when power is cut</option>
- </select>
这样就可以看得到,但点击下拉框的时候,就不在选项里了,可以到这里看效果:http://cssdeck.com/labs/hxovifav,
<select prompt="Plaese Choose"><option value="0"> 0 </option><option value="1" 1 </option></select>
上面关于prompt的资料都错了。对不住各位,主要是在用Yii框架的时候,直接加入"prompt"属性就可以有这个效果,导致我这个对HTML不熟悉的人误解 了,经过@Deeka的指正,我发现,这是Yii自己的实现。比如:
PHP代码
- if (isset($tagOptions['prompt'])) {
- $prompt = $encode ? static::encode($tagOptions['prompt']) : $tagOptions['prompt'];
- if ($encodeSpaces) {
- $prompt = str_replace(' ', ' ', $prompt);
- }
- $lines[] = static::tag('option', $prompt, ['value' => '']);
- }