導入されたHTML + CSSのフォーム

<ヘッド>
    <メタ文字コード= "UTF-8">
    <メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0">
    <META HTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =縁">
    <タイトル>ドキュメント</タイトル>
    <スタイル>
        .one {
            幅:100pxに。
            高さ:100pxに。
        }
       
    </スタイル>
</ head>の
<身体>
    <フォームアクション= "#"メソッド= "">
        <! -按钮- >
        の<input type = "ボタン"値= "提交">
        <input type = "提出"値= "点击">
        <! -文本框- >
        の<input type = "text"クラス= "text"の名= "1"のプレースホルダ= "提示消息"無効>
        <! - -单选框- >
        の<input type = "ラジオ"名前= "QWE" ID = "qwe1"値= "男"にチェック>
        >男</ label>は= "qwe1"のための<ラベル
        の<input type = "ラジオ"名前=" QWE "ID = "QWE"値= "女">
        <=のラベル"QWE">女</ label>は
        <! -复选框- >
        の<input type = "チェックボックス"名前=" QWE "ID = "QWE">
        =のための<ラベル" QWE ">爱好</ラベル>
        の<input type ="チェックボックス"NAME = "qwe2" ID = "qwe2">
        qwe2 ">爱好</ラベル> =用<ラベル"
        の<input type = "チェックボックス" NAME =" qwe3 "ID =" qwe3" >
        趣味</ label>は<= "qwe3"のラベル>
        <! - [パスワード]ボックス- >
        <タイプ= "パスワード"名前= ""上記のid = ""のINPUT>
        < -画像が送信! - >
        種類の<INPUT = "画像" SRC = "../ HTML / IMG / TTテーマの無名の.jpg"クラス= "1"の値 = " 提出">
        <! -リセット- >
        <INPUTタイプ= "リセット"値= "リセット">
        <! -時間- >
        <>タイプ= "時間"のINPUT
        <! -ファイルアップロード- >
        <タイプ= "ファイル">のINPUT
           <! -デジタルテキストボックス- >
        <INPUTタイプ= "番号"ステップ= " 2"分"0"最大= "5">
        <! -数字滑动- >
        の<input type = "範囲"ステップ= "2"分"0"最大= "5">
          <! -电话- >
        の<input type = "TEL"パターン=」 1 / D {10}」>
       <! - URLアドレス- >
        <タイプ= "URL"のINPUT>
          <! -日付を入力- >
        <タイプ= "DATE"のINPUT>
        <! -日付と時刻を入力します- >
        <種類のINPUT =「日時-local ">
        <! -色- >
        <タイプ=のINPUT"色"NAME =" "上記ID ="「>
        <! -ドロップダウンリスト- >
        <! -最初- >
      <SELECT名= "シティ" ID = ""サイズ=」4" >
          <OPTGROUPラベル= "最初のグループ">
              <オプション値= ""選択>成</オプション>
              <オプション値= "">上海</オプション>
          < / OPTGROUP>
          <OPTGROUPラベル= "第二グループ">
                <オプション値= "">北斗</オプション>
                <オプション値= "">青海</オプション>
            </ OPTGROUP>
      </ SELECT>
        <! -二- >
        <INPUT = "アップル"を一覧表示し、上記のid = "myapple" "Appleは" =名>
        <Da​​taListコントロールは、上記のid = "アップル"名= "アップル">
                <オプション値= "北斗"> </オプション>
                <オプション値= "青海"> </オプション>
        </ DataListコントロール>
        <! -複数行のテキストボックス- >
            <TextAreaの行= "5" COLS = "30"プレースホルダ= "メッセージ"> </のTextArea>
          <! -ボックス- >
               <fieldsetの>
                   <伝説>コンテンツのタイトル</伝説>
                   名前:< 入力タイプ= "テキスト"名前= ""値= "">
                   <P> qwdefrgtyuiosdfghjkl; zxcvbnm、</ P>
               </フィールドセット>
    </ FORM>
</ BODY>
</ HTML>

おすすめ

転載: www.cnblogs.com/jsw96/p/11608084.html