タグ

関連タグで絞り込む (11)

タグの絞り込みを解除

HTMLと選択に関するiwwのブックマーク (5)

  • jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる実験｜BLACKFLAG

    会員制Webサイトやストレージサービスなどで input入力フォームでファイルをアップロードさせる[type=file]を使用する際、 選択されたファイルが画像だった場合にプレビューを表示させる機会が何度かあったので File APIとjQueryを使って試しに作ってみたサンプルを紹介してみます。 まずは動作サンプルから。 「jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる方法」サンプルを別枠で表示 サンプル画面上にある入力フィールドinputにて画像を選択させた場合、 入力フィールド下に選択した画像が表示されます。 全体構成についてまずはHTMLから。 ◆HTML <div class="imgInput"> <input type="file" name="file1"> </div><!--/.imgInput--> <div class="img

    jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる実験｜BLACKFLAG

  • [PhpStorm/WebStorm]Surround Templatesでコード変更を効率化 | バシャログ。

    夏休みをとられている人が多いので電車が空いていて出勤が快適な週ですね。tanakaです。 今日はIDE PhpStormの機能のなかで既存のコードを包む機能「Surround Template」を紹介します。 プログラムのコードというのはなかなか最初から最後まで一直線に書いていくのはできなくて、あとでifブロックで囲んだり無名関数で囲んだりしたくなるものです。そんなときに使えるのが「Surround Template」。…といっても実際のところまだ使ったことがありません。 使い方 まず、Surround Templateで何ができるかというと、すでに書かれたコードをifブロックやforブロックで囲むことができます。JavaScriptなら無名関数で囲めますし、htmlファイルならタグで囲むことができます。 上記のように文字列を選択した状態でCtrl+Alt+Tを押します。すると次のような選

    [PhpStorm/WebStorm]Surround Templatesでコード変更を効率化 | バシャログ。
    iww
    iww 2016/12/08
    Ctrl + Alt + T
    リンク

  • [51] セレクトメニューを作ろう（select・option・optgroup要素）

    [51] セレクトメニューを作ろう（select・option・optgroup要素） 最終更新日：2018年03月28日 （初回投稿日：2013年09月20日） <select>要素で、ユーザにリストから選択してもらう「セレクトメニュー」を作ります。 メニューのリスト（選択肢）には<option>要素を使うので<select>と<option>は必ずセットで使います。また、<optgroup>要素は、リストをグループ分けしたいときに使います。 この<select>要素のいちばんの特徴は、size属性の値によってカタチが変わること！ size属性の値が「1」なら、プルダウンメニューに size属性の値が「2以上」で、リストボックス になります。 size属性は、表示する行数を指定する属性で、デフォルトが「1」です。 なので、size属性を指定しなければ <select>は「プルダウンメニュ

    [51] セレクトメニューを作ろう（select・option・optgroup要素）

  • Opera News

    AI New AI Feature Drop: Opera One Developer gets a new Aria access point and now... March 14th, 2024 In this week’s AI Feature Drop, early adopters using the Developer stream of Opera One can test using the Aria... AI, Opera for Android Opera for Android 81 now comes with Ask Aria and Aria Voice features for improved... March 13th, 2024 Opera for Android 81 introduces Ask Aria and Aria Voice, enha

  • jQueryのSelectタグ処理関連 - yummy-yummy

    jQueryでSelectタグ系でちょい便利なワザのメモです。 html <select name="hoge_n" id="hoge_i"> <option value="">---------</option> <option value="1">hoge1</option> <option value="2">hoge2</option> <option value="3">hoge3</option> <option value="4">hoge4</option> </select> selectで指定のものを選択された状態に // hoge4を選択状態にしたい場合 $(#pref).val(4); option要素を追加する // hogeというIDのSelectにラベル：hoge5、値：5というOptionを追加 $('#hoge_i').append($('<option>

    jQueryのSelectタグ処理関連 - yummy-yummy
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.