さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【HTML5】フォーム その他の入出力に関する要素

Pocket
LINEで送る

フォームのその他の入出力に関する要素をまとめてご紹介します。

◆ keygen要素
keygen要素は、公開鍵暗号方式において公開鍵と秘密鍵を生成する要素です。フォーム送信時に公開鍵がサーバに送信され、秘密鍵がローカルに保存されます。

【使用例】

<keygen name="key">

【対応ブラウザ】
FireFox3.5以降、Opera9.0以降、Safari5以降、Mobile Safari4以降、Chrome、3以降

◆ progress要素
progress要素は、アプリケーション内の処理の進捗状況を表す要素です。

【使用例】

<progress min="0" max="100" value="90">

min、max要素で処理状況の最小、最大値を指定し、value属性で現在の進捗度合いを設定します。

◆ meter要素
meter要素は、規定範囲内の測定結果、割合、数値等を示す要素です。例えば、ディスク使用量、検索結果の関連性、候補者の得票などです。UIは今のところ各ブラウザで未実装で、現在ではJavaScriptを用いて測定結果等の状況を示す際の出力先を指定する要素として使用されます。

【使用例】

全体の<meter value="75" min="0" max="100">七割五分</meter>

【使用可能属性】
value・・・測定された実際の値
min・・・最小値
max・・・最大値
low・・・「低い」とされる境界
high・・・「高い」とされる境界
optimum・・・「最適」とされる値

カテゴリー:HP制作, HTML5

コメントを残す

コメント内容