datalistの検索結果1 - 3 件 / 3件

• あとで読む

  nwtgck (ja) on Twitter: "本当にピュアなHTMLだけで検索できるプルダウン作れるのか。<datalist>は初めて知った。JavaScriptなしで手軽で良い。 Codepenで実際に試したもの: https://t.co/S9DBKsD5df https://t.co/k43APKoYb8"

  • 4 users
  • twitter.com/nwtgck_ja
  • 学び
  • 2019/12/18

  本当にピュアなHTMLだけで検索できるプルダウン作れるのか。<datalist>は初めて知った。JavaScriptなしで手軽で良い。 Codepenで実際に試したもの: https://t.co/S9DBKsD5df https://t.co/k43APKoYb8

  • あとで読む

  
• あとで読む

  Vue + datalist で簡単に入力候補を有効にする（デモページあり）

  • 3 users
  • blog.capilano-fw.com
  • テクノロジー
  • 2020/12/07

  さてさて、Vue 3が登場してから少し時間が経ちました。基本的には前回バージョンと同じ構成になっているので、移行はそれほど手間取ることはないと思います。 ※ ただし、Laravel + npmでVue 3を使おうとするとシングル・ファイル・コンポーネントがうまく処理できないので個人的にはガンガン使ってません💧これは、Laravel Mix 6で対応するとのことです。 そして、そんなVueで今回作ってみるのが、 入力候補から選択できる機能 です。 例えば、次のようなカンジですね。 というのも、「めんどうな入力をできるだけ省略したい」というのは誰でも要望が高いでしょうし、特に毎日の業務で使う場合は「またおんなじ入力かよ・・・」とうんざりするはずだからです。 そして、そんなときに思い出したのがHTML 5の<datalist></datalist>です。（これ、すっかり忘れてました😂） 入力

  
• あとで読む

  <datalist>: HTML データリスト要素 - HTML: ハイパーテキストマークアップ言語 | MDN

  • 3 users
  • developer.mozilla.org
  • テクノロジー
  • 2021/07/22

  HTML チュートリアル HTML の基本 HTML 入門 HTML 入門の概要 HTML を始めよう ヘッド部には何が入る? HTML のメタデータ HTML テキストの基礎 ハイパーリンクの作成 高度なテキスト整形 文書とウェブサイトの構造 HTML のデバッグ 評価課題: 手紙のマークアップ 評価課題: コンテンツのページの構造化 マルチメディアとその埋め込み マルチメディアとその埋め込みの概要 HTML の画像 動画と音声のコンテンツ object から iframe まで — その他の埋め込み技術 ウェブへのベクターグラフィックの追加 レスポンシブ画像 評価課題: Mozilla のスプラッシュページ HTML の表 HTML の表の概要 HTML の表の基本 HTML 表の高度な機能とアクセシビリティ 評価課題: 太陽系の惑星データの構造化 リファレンス HTML 要素 <a>