---フロントエンド基礎2

ディレクトリ

フォームフォーム

ユーザー入力(入力、選択し、アップロードされたファイル)を取得することができ、ユーザーが入力したすべてのコンテンツは、バックエンドに送信されます

フォームパラメータ

アクション:制御アドレスデータが提出します

1.ない書き込みは、デフォルトでは、現在のページのアドレスに向かって配置され、このデータを提出することです

2.フルパスを書く(https://www.baidu.com

3.書き込みのみパスのサフィックス(/インデックス/)

通常、入力ラベルが必要と組み合わせて使用​​します

<label for="d1">用户名:<input type="text" id="d1"></label>

id値を結合した後、自動的に入力ボックスを選択することができ、ラベル、タグ内の任意の場所をクリックしてください

アクションは、2つのラベルがあり、フォームの送信データ形式をトリガすることができます

1. INPUTタグの種類は=提出します

2.buttonラベル

バックエンドと対話し、すべてのラベルは、ユーザー入力を取得し、name属性を持つ必要があります

1.nameキー属性は辞書に似ています

2.inputフレームは、入力ボックスのvalue属性にユーザ入力を取得します

値属性によって決まる選択ボックス、バックエンドデータへの広がり、3.

4.FORMフォームデータファイルを送信したい場合は、の形式でプロパティを変更する必要があります

enctype="multipart/form-data"

CSS

htmlタグは、スタイルを制御するために使用されます

コメント:

注释
/*单行注释*/

/*多行注释1
多行注释2*/
CSSの構文構造

セレクタ{項目1:1つの属性値}

CSSを導入するには、3つの方法

1.リンクタグ(最も正式な)を介して、外部CSSファイルの導入

htmlページに直接ヘッド2内に直接描画スタイルのタグでCSSコード

<head>
    <meta charset="UTF-8">
    <title>伪类选择器测试</title>

    <h1>伪类选择器</h1>

    <style>

        input:focus{
            background-color: red}

    </style>

</head>

直接によってタグ内に、式(スタイル属性のラインの中に直接書き込む3.

<h1 style="color: orange">我是Oscar</h1>
CSSを探します

1.基本セレクタ

要素セレクタ

IDセレクタ

クラスセレクタ

ユニバーサルセレクタ

2.コンビネーションセレクタ

divのスパン

div>のスパン

DIV +スパン

DIV〜スパン

3.属性セレクタ

任意のラベルには、独自のデフォルトのプロパティIDのクラスを持っています

タグは、(手段は、ラベルがあなたには、いくつかの余分なデータを運ぶのを助けるためにできるように)任意の数の属性をカスタマイズすることをサポートします

4.擬似クラスセレクタ

フォータグを述べて

1.がクリックされていません

2.マウスを上方に懸架されました

クリックgrimdeath後3

4.後に戻って行くためにクリック

我々は、入力ボックス、それがフォーカスを取得した入力と呼ばれる状態にマウスの後に、また、フォーカス焦点と呼ばれます

入力ボックスがフォーカスを失った後、マウスの状態が呼び出されます

擬似要素セレクタ

明らかに浮いによってもたらされたマイナスの影響

あなたは、CSSでテキストを追加することができます

優先順位セレクタ

同じセレクタの下1は、さまざまな方法の導入は:聞い近いラベルから離れている近接の原則に従います

2.セレクタ異なる場合:行選択> IDセレクタ>クラスセレクタ>セレクタ要素

おすすめ

転載: www.cnblogs.com/whkzm/p/11852388.html