ホームページ  >  記事  >  ウェブフロントエンド  >  select の placeholder_html/css_WEB-ITnose

select の placeholder_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:49:301592ブラウズ

select のプレースホルダーは実際には無効です。非常に多くの人が、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 Ofだけですか?

選択プレースホルダーの属性は確かに無効です。プロンプトを使用する必要があります。 ! !

上記のコードは次のように記述する必要があります。

XML/HTML コード

<select prompt="Plaese Choose">      <option value="0"> 0 </option>      <option value="1" 1 </option>  </select>  

多くの情報が含まれているはずですよね。

モーメントへ進む:

このサイトは、署名、非営利、一貫性を要求する著作権契約を採用しています。このサイトは非営利用途の転載を歓迎しますが、出典は「"、元のリンクを保持し、元のタイトルとリンクにマークを付ける必要があります。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。