HTML 5の新規フォーム属性
1、常用方法
4.1、getContext():レンダリングのコンテキストを取得し、はっきり言ってブラシを取得します.パラメータを後で渡し、「2 d」と固定書き
4.2、moveTo(x,y):ブラシの位置を移動し、後ろに2つのパラメータを持つ.
4.3、lineTo(x,y)は直線を描き、パラメータは線の終点位置である.
4.4、stroke()線を引く
4.5、closepath():経路を閉じ、始点に戻る
4.6、ctx.fill()充填操作完了
4.7、fillStyle:これは属性で、塗りのスタイルを設定して、普通は色を塗ります
4.8、beginPath():メソッドはパスを開始するか、現在のパスをリセットします.
4.9context.Arc(x,y,r,start,end,direction)はアークを描画します.前の2つのパラメータは円心の座標を構成し,3番目のパラメータr半径である.4番目のパラメータ:startの実際のアーク、5番目のパラメータend、終了のアーク、最後のパラメータdirection、描画方向、true:反時計回り方向、false:時計回り方向、デフォルト値はfalseです.
4.10context.rect(x,y,w,h)矩形を描き、(x,y)矩形の座標、w:幅、h高さ
window.onload=function(){var canvas=document.getElementById("canvas");canvas.width=500;//キャンバスの幅canvas.height=500;//キャンバスの高さvar context=canvas.getContext("2 d");context.moveTo(100200);//円点context.lineTo(100400)を移動;//目標位置context.lineWidth=10;//目標の太さstrokeStyle="red";//ブラシのスタイルstroke();//描き始める
context.closePath();//原点復帰、封口問題解決
円:
context.arc(250,250,200,0,2*Math.PI,false);//左ピッチ、上ピッチ、半径、開始角度、目標角度、時計回り(true)context.lineWidth=10;//目標の太さstrokeStyle="red";//ブラシのスタイルfillStyle="red"; context.fill();*/ context.stroke();//絵を描き始める
InputのH 5における新機能
1.color:入力ボックスのプロパティがcolorに設定されている場合、システムのパレットを直接呼び出して塗りつぶすことができます.欠点:透明度がありません.
2.Url:入力ボックスの属性がurlに設定されている場合、アドレスまたはドメイン入力のみを受け入れ、入力に誤りがある場合、システムはコミットを許さず、自己検出機能を有する.モバイル端末の場合、仮想キーボードは自動的に入力サイトのキーボードに切り替わります(.com、/、www)
3. 3.Email:の入力ボックスの属性がemailに設定されている場合、メールボックス入力メールボックスのみが受け入れられ、入力がメールボックスまたはフォーマットエラーでない場合、システムはコミットを許可せず、自己検出機能を有する.モバイル端末の場合、仮想キーボードは自動的に入力メールボックスキーボードに切り替わります(@)
4.Tel入力された属性がtelに設定されている場合、このボックスは電話番号専用に設定されています.彼は特別なチェックルールを持っていないので、パットtermプロパティを設定することで手動で完了することができます.モバイル端末の場合、仮想キーボードは自動的に入力電話のキーボード(数字、+)に切り替わります.
5.search:入力された属性がsearchに設定されている場合、数字のみ入力可能
6.Number:numberの場合、入力ボックスは数字のみを受信し、max、minで制御ドメインを実現できる.
7.Date:dateの場合、現在のカレンダー年月日を取得するカレンダー形式で表示できます.欠点:ただグーグルのブラウザーの上でカレンダーの形式を表示して、その他のブラウザーは互換性がなくて、例えばIEブラウザー.
8.Time:時間、input要素に時間のテキストボックス属性を入力します.彼はユーザーが入力した時間の自己検出修正を受け入れます.
9.Datetime:ユーザーに時間を入力させる.
10.Datetime-local:この属性は上のいくつかの属性の特性を総合して、年月日と時間、クリックしてカレンダーを出てユーザーの選択に供することができて、同時に提出する時自分で正しいかどうかを判断することができます.
11.Week:この属性は年と週の属性しか表示されません.クリックするとカレンダーが表示され、ユーザーが選択できると同時に、提出時に自分で正しいかどうかを判断することができます.
12.Month:この属性は年と月しか表示されません.クリックするとカレンダーが表示され、ユーザーが選択できるようになります.また、提出時に自分で正しいかどうかを判断することができます.
13.Range:この属性が入力されている場合、範囲内の数値のテキストボックスを設定できます.そのタイプはスライダで、サイズ制限を設定できます.step属性が設定されている場合、ドラッグするたびに幅を指定できます.
typeのinputに対して、input入力ボックスに物(空の)が書かれていない場合はチェックしないが、内容が記入されていて、記入された内容のフォーマットが間違っている場合は、提出時に「XXXが間違っている」と提示され、同時にマウスカーソルfocusがその入力ボックスに到達する.
14.Labels:現在のすべてのlabelラベルを選択
4.1、getContext():レンダリングのコンテキストを取得し、はっきり言ってブラシを取得します.パラメータを後で渡し、「2 d」と固定書き
4.2、moveTo(x,y):ブラシの位置を移動し、後ろに2つのパラメータを持つ.
4.3、lineTo(x,y)は直線を描き、パラメータは線の終点位置である.
4.4、stroke()線を引く
4.5、closepath():経路を閉じ、始点に戻る
4.6、ctx.fill()充填操作完了
4.7、fillStyle:これは属性で、塗りのスタイルを設定して、普通は色を塗ります
4.8、beginPath():メソッドはパスを開始するか、現在のパスをリセットします.
4.9context.Arc(x,y,r,start,end,direction)はアークを描画します.前の2つのパラメータは円心の座標を構成し,3番目のパラメータr半径である.4番目のパラメータ:startの実際のアーク、5番目のパラメータend、終了のアーク、最後のパラメータdirection、描画方向、true:反時計回り方向、false:時計回り方向、デフォルト値はfalseです.
4.10context.rect(x,y,w,h)矩形を描き、(x,y)矩形の座標、w:幅、h高さ
window.onload=function(){var canvas=document.getElementById("canvas");canvas.width=500;//キャンバスの幅canvas.height=500;//キャンバスの高さvar context=canvas.getContext("2 d");context.moveTo(100200);//円点context.lineTo(100400)を移動;//目標位置context.lineWidth=10;//目標の太さstrokeStyle="red";//ブラシのスタイルstroke();//描き始める
context.closePath();//原点復帰、封口問題解決
円:
context.arc(250,250,200,0,2*Math.PI,false);//左ピッチ、上ピッチ、半径、開始角度、目標角度、時計回り(true)context.lineWidth=10;//目標の太さstrokeStyle="red";//ブラシのスタイルfillStyle="red"; context.fill();*/ context.stroke();//絵を描き始める
InputのH 5における新機能
1.color:入力ボックスのプロパティがcolorに設定されている場合、システムのパレットを直接呼び出して塗りつぶすことができます.欠点:透明度がありません.
2.Url:入力ボックスの属性がurlに設定されている場合、アドレスまたはドメイン入力のみを受け入れ、入力に誤りがある場合、システムはコミットを許さず、自己検出機能を有する.モバイル端末の場合、仮想キーボードは自動的に入力サイトのキーボードに切り替わります(.com、/、www)
3. 3.Email:の入力ボックスの属性がemailに設定されている場合、メールボックス入力メールボックスのみが受け入れられ、入力がメールボックスまたはフォーマットエラーでない場合、システムはコミットを許可せず、自己検出機能を有する.モバイル端末の場合、仮想キーボードは自動的に入力メールボックスキーボードに切り替わります(@)
4.Tel入力された属性がtelに設定されている場合、このボックスは電話番号専用に設定されています.彼は特別なチェックルールを持っていないので、パットtermプロパティを設定することで手動で完了することができます.モバイル端末の場合、仮想キーボードは自動的に入力電話のキーボード(数字、+)に切り替わります.
5.search:入力された属性がsearchに設定されている場合、数字のみ入力可能
6.Number:numberの場合、入力ボックスは数字のみを受信し、max、minで制御ドメインを実現できる.
7.Date:dateの場合、現在のカレンダー年月日を取得するカレンダー形式で表示できます.欠点:ただグーグルのブラウザーの上でカレンダーの形式を表示して、その他のブラウザーは互換性がなくて、例えばIEブラウザー.
8.Time:時間、input要素に時間のテキストボックス属性を入力します.彼はユーザーが入力した時間の自己検出修正を受け入れます.
9.Datetime:ユーザーに時間を入力させる.
10.Datetime-local:この属性は上のいくつかの属性の特性を総合して、年月日と時間、クリックしてカレンダーを出てユーザーの選択に供することができて、同時に提出する時自分で正しいかどうかを判断することができます.
11.Week:この属性は年と週の属性しか表示されません.クリックするとカレンダーが表示され、ユーザーが選択できると同時に、提出時に自分で正しいかどうかを判断することができます.
12.Month:この属性は年と月しか表示されません.クリックするとカレンダーが表示され、ユーザーが選択できるようになります.また、提出時に自分で正しいかどうかを判断することができます.
13.Range:この属性が入力されている場合、範囲内の数値のテキストボックスを設定できます.そのタイプはスライダで、サイズ制限を設定できます.step属性が設定されている場合、ドラッグするたびに幅を指定できます.
typeのinputに対して、input入力ボックスに物(空の)が書かれていない場合はチェックしないが、内容が記入されていて、記入された内容のフォーマットが間違っている場合は、提出時に「XXXが間違っている」と提示され、同時にマウスカーソルfocusがその入力ボックスに到達する.
14.Labels:現在のすべてのlabelラベルを選択