1. TOP
  2. プログラミング
  3. 【html】selectタグの最初のoption(選択してください)を選ばせない方法

【html】selectタグの最初のoption(選択してください)を選ばせない方法

 2020/01/29 プログラミング
この記事は約 2 分で読めます。 11,879 Views

htmlでform内にセレクトボックスを作るとき、オプションタグの最初の項目を

「選択してください」

というような表記にすることはよくありますが、
これをデフォルトでは選択済みで表示されている状態ですが
セレクトボックスをクリックして選択肢を選ぶ際に
1行目の「選択してください」という項目は選択できないようになっている。

というのを実現したい場合はよくあると思います。

以下、コピペですぐに使えるコードです。

コピペでOK!selectタグの最初のoption(選択してください)を選ばせない方法

まとめ

お問い合わせフォームなどを設置するときによく使う技なので
覚えておくと便利です。

制作のご依頼・ご相談はこちら

dainamoでは魅力的なWEBサイトや、アプリ、ツール、ポスター、パンフレット、チラシなど幅広く承っております。ご相談、見積もり、お問い合わせなど、お気軽にご連絡ください。

今すぐご相談・問い合わせをする

\ SNSでシェアしよう! /

web制作・デザイン・システム開発・管理なら dainamo(ダイナモ)の注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

web制作・デザイン・システム開発・管理なら dainamo(ダイナモ)の人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

ライター紹介 ライター一覧

エリー

エリー

dainamoで企画・デザイン・ライティング・マーケティングを担当。小さい頃から絵を描くのが好きでデザイナーへ。現在はモノづくり、コトづくり、ヒトづくりでクライアントや世の中により良い影響を与えることが目標。趣味は絵、カメラ、旅行、アウトドア。

この人が書いた記事  記事一覧

  • 【html】selectタグの最初のoption(選択してください)を選ばせない方法

  • 【コピペでOK】期間を指定して表示・非表示するPHP関数

  • ボタンの2重クリックや連打を防止するJavaScript

  • IoT時代のデザインはどうあるべきか

関連記事

  • 【簡単入門】初心者が一から始める機械学習入門

  • Webサイトのメンテナンスモードの画面を出す方法と開発者だけ見れるようにする方法【Apache】

  • 文字コードとは一体何なのか?MacでCSVの文字コードをUTF-8に変換する

  • プログラミングで挫折した時に役立つエンジニア向けサイトまとめ2020

  • [EC-CUBE 3.0]商品購入画面でお届け日とお届け時間を非表示にする方法

  • フリーランスのエンジニアが稼ぐために大切なこと