■ ヒントだよ！HTML & CSS ■

    topへ     序     HTML     CSS     表計算利用     ファイル     色指定     ソフト/機材     参考書など     単位     記号の例

    HTMLの構造     タグの基本     タグ(全体)     グローバル属性     head内タグ     body内タグ

    body内ダグ1     body内ダグ2     body内ダグ3     body内ダグ4     body内ダグ5     body内ダグ6

■ HTML
・body内タグ5

• <formフォーム 属性="属性値">～</form>   フォームを表す。
  属性:グローバル属性、aciton、autocomplete、enctype、method、novalidate、target、rel。
  例:<form action="～～" method="post">～</form>

• <inputインプット 属性="属性値">   入力コントロールを表示する。
  属性:グローバル属性、accept、alt、autocomplete,checked、dirname、disabled、formaction、form nctype、formmethod、formnovalidate、formarget、list、,max、min、maxlength、minlength、multiple、pattern、placeholder、readonly、required、size、src、type、value、width、height、name。

• <input type="hidden">   表示しないデータを表す。
  属性:グローバル属性、inputの属性。
  例:<input type="hidden" name="need" value="～" />

• <input type="text">   1行入力欄を設置する。
  属性:グローバル属性、inputの属性。
  例:<input tye="text"name="1行テキスト" size="50" placeholder="入力してください">
  

• <input type="search">   検索期ワードの入力欄を設置する(ブラウザによりデザンが異なる)。
  属性:グローバル属性、inputの属性。
  例:<input type="search" name="サーチ" size="30" placeholder="検索フレーズを入力"
  

• <input type="tel">   電話番号の入力欄を設置する(ブラウザによりデザンが異なる)。 属性:グローバル属性、inputの属性。
  例:<input type="tel" name="電話" autoforcus>
  

• <input type="url"> urlの入力欄を設置する(ブラウザにより表示デザインが異なります)。
  属性:グローバル属性、inputの属性。
  例:<input type="url" name="url" size="30" valeu="http://" multiple>
  

• <input type="email">   メールアドレスの入力欄を設置する(ブラウザにより表示デザインが異なります)。
  属性:グローバル属性、inputの属性。
  例:<input type="email" name="e_mail" placeholder="メールアドレスを入力してください"multiple>
  

• <input type="password">   パスワード入力欄を設置する。
  例:<input type="password" name="password">
  

• <input type="date">   日付入力欄を設置する(ブラウザにより表示デザインが異なります)。
  属性:グローバル属性、inputの属性。
  例:<input type="date" name="日付">
  
  ※step="x" = x日ごと選択させる、毎日ならstep不要。

• <input type="month">  月の入力欄を設置する(ブラウザにより表示デザインが異なります)。
  属性:グローバル属性、inputの属性。
  例:<input type="month" name="月">
  
  ※step="x" = x月ごと選択させる、毎月ならstep不要。

• <input type="week">   週の入力欄を設置する(ブラウザにより表示デザインが異なります)。
  属性:グローバル属性、inputの属性。
  例:<input type="week" name="週">
  
  ※step="x" = x週ごと選択させる、毎週ならstep不要。

• <input type="time">   時刻の入力欄を設置する(ブラウザにより表示デザインが異なります)。
  属性:グローバル属性、inputの属性。
  例:<input type="time" name="time" step="1">
  
  ※step="x":
  →1秒ごとに選択させる:step="x"、1～59(?)。
  →1分ごとに選択させる:stepなし/step="x"、x=60～(?)。

• <input type="datetime-local">   日付の入力欄を設置する(ブラウザにより表示デザインが異なります)。
  属性:グローバル属性、inputの属性。
  例:<input type="datetime-local" name="date_lc">
  

• <input type="number">   数値の入力欄を設置する(ブラウザにより表示デザインが異なります)。
  属性:グローバル属性、inputの属性。
  例:<input type="number" name="suuji" step="50">
  
  ※step="x":xごとに選択させる。

• <input type="range">
    大まかな数値の入力欄を設置する(ブラウザにより表示デザインが異なります)。
  属性:グローバル属性、inputの属性。
  例:0<input type="range" rame="レンジ" min="0" max="1000" value="100">1000
  01000
  ※step使用可。

• <input type="color">   RGBカラー値の入力欄を設置する(ブラウザにより表示デザインが異なります)。
  属性:グローバル属性、inputの属性。
  例:<input type="color" name="color" value="#ff0000">
  

• <input type="checkbox">   チェックボックスを設置する。
  属性:グローバル属性、inputの属性。
  例:<input type="checkbox" name="check" value="_a" checked>A
  <input type="checkbox" name="check" value="_b">B
  A B
  ※valueの値でどのチェックボックスが有効になったか判別します。

• <input type="radio">   ラジオボタンを設置する。
  属性:グローバル属性、inputの属性。
  例:<input type="radio" name="rad1" value="_2" checked>&nbsp;02
   01   02

• <input type="file">   送信するファイルの選択欄を設置する。
  属性:グローバル属性、inputの属性。
  例:<input type="file" name="ifile" multiple accept=".png,.jpg,.gif,image/png,image/jpg,image/gif">
  

• <input type="submit">   送信ボタンを設置する。
  属性:グローバル属性、inputの属性。
  例:<input type="submit" value="送信する" >
  

• <input type="image">   画像形式の送信ボタンを設置する。
  属性:グローバル属性、inputの属性。
  例:<input type ="image" name="submit" width="100" height="40" src="img/submit.png" alt=" 送信">
  

• <input type="reset">   入力内容のリセットボタンを設置する。
  属性:グローバル属性、inputの属性。
  例:<input type="reset" value="リセット">
  

• <input type="botton">   スクリプト言語を起動するためのボタンを設置する。
  属性:グローバル属性、inputの属性。
  例:<input type="button" name="refresh" value="更新" onclick="location.reload(true)">
  

• <buttonボタン 属性="属性値">～</button>
    ボタンを設置する。
  属性:グローバル属性、disabled、form、formaction、frommethod、formtarget、name、type(submit/reset/button)、value。
  例:<button type="button" name="hint" onclick="location.href='http://kinuta73.a.la9.jp/'">
  url open</botton>
  url open

    body内ダグ1     body内ダグ2     body内ダグ3     body内ダグ4     body内ダグ5     body内ダグ6

    HTMLの構造     タグの基本     タグ(全体)     グローバル属性     head内タグ     body内タグ

    topへ     序     HTML     CSS     表計算利用     ファイル     色指定     ソフト/機材     参考書など     単位     記号の例