input:focusは入力のときだと思うんすけど、input:validはなんなの？🤔 `input:focus`と`input:valid`は、CSSで使われる擬似クラスですが、それぞれ異なる状態を指します。 `input:focus` `input:focus`は、ユーザーがフォーム要素（例えば`input`タグ）にフォーカスしている ...

Chrome 11安定版にはスピーチ入力機能が実装されている。input要素の入力に音声を利用できるというもので、Chrome 11以降のバージョンを使っているなら、たとえばGoogle翻訳のページで簡単に試すことができる。Google翻訳の翻訳元言語を「英語」にすると ...

<datalist>要素を使用することで仕様から外れた DOM を実装したり、JS を走らせずに済む。 <datalist>は、フォームの入力欄などで入力候補となるデータリストを定義できる。 datalistとinputは、list属性とid属性で紐づけ、対象のリスト項目は、<option>で定義する。

ぽけこみゅ！というサイトを運営しています。簡単に説明すると、Switchでキャプチャしたポケモンのチームシートをサイト上で受け取り、オフ会などで利用してもらうサービスです。 1000件以上のチームシートを受け取っているのですが、その中で2回ほど ...

前回はツールチップの実装方法をご紹介しました。 今回 「Edit In Place」 や 「その場編集」 と呼ばれる、 テキストをクリックすると、 その場で編集できるようにする仕組みを実装してみます。 今回の仕組みを考える この 「その場編集」 の仕組みを考えて ...