HTML

charset hr iframe input lang meta placeholder textarea form onClick title href viewport a br p img html head base link style script noscript body address pre blockquote ol ul li dl dt dd div em strong small s cite q dfn abbr code var samp kbd sub sup i b span ins del object param map area table caption colgroup col tbody thead tfoot tr td th fieldset legend label button select datalist optgroup option download date month week time localStorage setItem getItem clear progress max meter min DOCTYPE details summary audio section nav article aside header footer figure figcaption mark ruby wbr video source canvas keygen output command menu file range main rt rp bdo embed h rel

• JS テキストと画像を入力してプレビューする
• テキストを入力すると自動でそのテキストを解析し、プレビュー表示するサンプルです。 入力欄 （入力と同時にページ下部に変換して表示） テキストの入力 改行はbrタグに変換する https://で始まるとリンクを生成する...
• 2024-04-22 01:04:01

• CSS インプットスライダーの加工
• スライドして入力するインターフェースのデザインやデータの取得するサンプルです。 HTMLのinputタグのtypeをrangeにすると、ブラウザのデフォルトのスライドUIが使えます。 ブラウザに依存するUIなので、そのまま使う方何かと安全ではあります...
• 2021-02-23 17:34:49

• HTML5 ローカルCSVを読み込み検索合算する
• 以下のようなCSVがあったとします。 その中で金額の値を合算するJavaScriptのサンプルです。 [[ ID,社名,種類,商品,金額,評価 1,A社,入力機器,マウス,...
• 2020-07-21 07:34:19

• HTML5 ローカルのCSVを読み込み加工する
• ローカルにあるファイルをHTML5で実装されたFileAPIを使って読み込み表組を作成するサンプルです。 HTML5というもののHTMLは以下の二行で、他はJavaScriptになります。 また、以下のサンプルはjQueryも利用しています。 まずはinputするボタンを設置します...
• 2020-07-19 16:09:09

• jQuery フォームに非同期で値をセット
• フォームにajaxで取得したJSONの値をセットするサンプルです。 フォームに予めデータを埋め込む時は「value=""」でセットしますが、書きのフォームのHTMLは空です。 そこに対してJSで値を埋めています。 [[ <form...
• 2020-04-12 22:04:52

• JS ブラウザでQRコード読み込み
• ブラウザのページのボタンからカメラを起動し、ページに戻ってQRコードから取得した値を表示するサンプルです。 近年QRコードはだいぶ広まってきました。 URLを筆頭に長い文字や数字を打ち込むのが面倒なときの入力補助ツールになっています。 そこで今回はブラウザか...
• 2020-02-04 21:28:21

• JS メーラー起動
• HTMLではmailto:でリンクを作るとデフォルトのメーラーが立ち上がり、メールを送るよう促すことができます。 しかし、meilto:で書かれたメールアドレスは迷惑...
• 2019-07-28 13:51:44

• HTML5 フォームの知っておきたい便利機能
• HTML5からformのinputタグのtype属性に便利な設定が増えているので、一部紹介していきます。 よく使うタグは「type=」はtextやhiddenやcheckboxやradio、そ...
• 2019-08-07 16:30:10

• jQuery フォームの値を取得する
• テキスト入力 以下のような記述のフォームに記入された情報を取得します。 [[<input type="text" name="my-text" value="hog...
• 2019-08-06 23:15:59