タグ

ブックマーク / www.htmq.com (9)

  • <input type="color">-HTML5タグリファレンス

    <input>タグのtype属性でtype="color"を指定すると、色の入力欄が作成されます。 name属性は入力欄に名前を付ける属性ですが、<form>でデータが送信される際、 name属性で指定した名前と、入力された値が一組になって送信されます。 type="color"の場合、常に何らかの色が選択された状態となり、 ユーザーは空の値を指定することはできません。 ■type="color"の場合に指定可能な属性 type="color" 色の入力欄を作成する name属性 フォーム部品に名前をつける value属性 送信される値を指定する autocomplete属性 入力候補を提示して入力内容を自動補完する(on・off・default)(初期値はdefault) list属性 ユーザーに入力候補として提案するデータリストの要素を、その要素のid属性の値で指定する

    kuuka2h
    kuuka2h 2014/08/28
  • <input required>-HTML5タグリファレンス

    HTMLソース <form action="xxx.php" method="post"> <fieldset> 名前: <input type="text" name="yourname" required> ※入力必須<br> <input type="submit" value="送信"> </fieldset> </form>

    kuuka2h
    kuuka2h 2014/08/28
  • display-スタイルシートリファレンス

    displayプロパティは、ブロックレベル・インライン・テーブル・ルビ・フレックスコンテナ等の、要素の表示形式を指定する際に使用します。 ■初期値・適用対象・値の継承 インラインとブロック inline インラインボックスを生成する(初期値) block ブロックボックスを生成する list-item li要素のようにリスト内容が収められるブロックボックスと、リストマーカーのためのマーカーボックスを生成する run-in 文脈に応じてブロックまたはインラインボックスのいずれかを作成する inline-block インラインレベルのブロックコンテナを生成する。要素全体としてはインライン要素のような表示形式だが、内部はブロックボックスで高さ・横幅などを指定できる。 テーブル table table要素のような表示となる inline-table インラインレベルのテーブルとなる table-r

  • cursor-スタイルシートリファレンス

    cursorプロパティは、マウスカーソルの形状を指定する際に使用します。 下の使用例にある値の中には、ブラウザにより対応していないものもあるので注意してください。 尚、オリジナルカーソルに使用できるファイル形式には、.CUR(カーソルファイル)と.ANI(アニメーションカーソルファイル)があります。 ■使用例 HTMLソース <ul> <li style="cursor: auto">auto ブラウザが自動的に選択したカーソル</li> <li style="cursor: default">default 矢印型など利用環境の標準カーソル</li> <li style="cursor: pointer">pointer リンクカーソル</li> <li style="cursor: crosshair">crosshair 十字カーソル</li> <li style="cursor:

  • CSS3リファレンス

    背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の

    kuuka2h
    kuuka2h 2014/08/09
  • transition-CSS3リファレンス

    transitionプロパティは、transition効果(時間的変化)をまとめて指定する際に使用します。 transitionプロパティでは、 transition-property、 transition-duration、 transition-timing-function、 transition-delay の各プロパティの値を、まとめて指定することができます。 このプロパティでは、値を指定する順序が重要となります。 時間として指定される最初の値はtransition-durationに割り当てられ、 時間として指定される二番目の値はtransition-delayに割り当てられます。 複数の種類のCSSプロパティに対してtransition効果を適用する場合には、値のセットをカンマ( , )で区切って指定します。 ■値 各プロパティの値をスペースで区切って指定 transiti

    kuuka2h
    kuuka2h 2014/08/09
  • position―スタイルシートリファレンス

    positionプロパティは、ボックスの配置方法(基準位置)が、相対位置か絶対位置かを指定する際に使用します。 positionプロパティで指定するのは、配置方法(基準位置)のみです。 実際の表示位置の指定には、 top、 bottom、 left、 rightを併用して、基準位置からの距離を設定する必要があります。 ■値 static 特に配置方法を指定しません。この値のときには、top、bottom、left、rightは適用されません。これが初期値です。 relative 相対位置への配置となります。positionプロパティでstaticを指定した場合に表示される位置が基準位置となります。 absolute 絶対位置への配置となります。親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が基準位置となります。親ボックスにpositi

    kuuka2h
    kuuka2h 2014/08/08
  • <INPUT type="hidden">-HTMLタグリファレンス

    <input>タグのtype属性でtype="hidden"を指定すると、 ブラウザ上に表示されない非表示データを送信することができます。 隠しデータとも呼ばれますが、完全に隠しきれているわけではなく、HTMLソースを表示すれば見ることができるので注意してください。 name属性は非表示データに名前を付ける属性ですが、<form>でデータが送信される際、 name属性で指定した名前とvalue属性で指定した値が一組になって送信されます。 ■属性 HTMLソース <form action="cgi-bin/abc.cgi" method="post"> <p> 名前:かえる<br> 評価:良い<br> 理由:面白い </p> <p> <input type="hidden" name="userid" value="12345"> <input type="hidden" name="hyo

    kuuka2h
    kuuka2h 2014/07/21
  • <DL>−HTMLタグリファレンス

    <DL>はDefinition Listの略で、<DL>~</DL>の範囲が定義リストであることを表します。 定義リストとは、定義する用語とその用語の説明を一対にしたリストのことです。 <DT>~</DT>に定義する用語を記述し、 <DD>~</DD>にその用語の説明を記述します。 これら定義語と定義説明のセットは<DL>~</DL>の中に複数並べることができます。 compact属性は、定義語と定義説明のセットの表示を小さく表示するよう指定するもので、用語が短いものである場合に限り有効です。 ■使用例 HTMLソース <dl> <dt>ジョン・レノン</dt> <dd>1940年10月9日リヴァプール生まれ。</dd> <dt>ポール・マッカートニー</dt> <dd>1942年6月18日リヴァプール生まれ。</dd> </dl> <dl compact="compact"> <dt>シ

    kuuka2h
    kuuka2h 2014/07/20
  • 1