bilibili登録ページhtmlの簡単な分析

Form部(html部は省略)
ニックネームバー
ツールバーの
説明
name
Input要素の名前の定義
value
Input要素の値を指定
type
Input要素のタイプを指定
ニックネームは任意の漢字、アルファベット、数字の組み合わせを入力できるのでtextタイプが最適です
パスワード
placeholderプロパティは、入力フィールドの予想値を記述できるヒント情報(hint)を提供します.このプロンプトは、入力フィールドが空の場合に表示され、フィールドがフォーカスされている場合に表示されません.(HTML 5の属性)
パスワードを入力するのでpasswordタイプを選択します.
地域の選択

           
                                        
                                 
                       
                       
                     
              ...

ツールバーの
説明
name
ドロップダウンリストの名前を指定
value
サーバーに送信するオプション値の定義
select要素は、フォームでユーザー入力を受け入れるフォームコントロールです.option要素は、ドロップダウンリストのオプション(エントリ)を定義します.ブラウザは、ラベルの内容をラベルのメニューまたはスクロールリストの要素として表示します.option要素はselect要素の内部にあります.
optionはselect要素と組み合わせてのみこのラベルを使用できます.そうしないと、このラベルは意味がありません.
携帯電話の欄
携帯認証コード
ユーザー契約の同意

         
     「ピリピリ   ユーザー  プロトコル」 
     「ピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッピッ

ラベルはinput要素定義寸法(タグ)です.

label要素は、ユーザーに特別な効果を与えません.ただし、マウスユーザーの可用性は向上しています.label要素内でテキストをクリックすると、このコントロールがトリガーされます.つまり、ユーザーがラベルを選択すると、ブラウザは自動的にラベルに関連するフォームコントロールにフォーカスします.

ラベルのfor属性は、関連要素のid属性と同じであるべきである.ここでは1つのinputタグと2つのaタグをlabelタグに包み,labelのfor属性を省略し,labelとinputとaの関連を容易に実現した.checkboxはチェックボックスタイプで、複数の選択が可能です.複数のcheckboxがある場合、同じname属性で1つのグループとして規定することができます.valueの値は、サーバに転送されるデータです.

登録ボタン
submitタイプはコミットフォームです.