CSSやJSと特殊効果、テキスト入力部を達成

テキストボックスへの影響に関する1回のデフォルトのクリック:

テキストボックスのCSSスタイルを追加し、ブルーの周辺日陰に表示されるテキストボックスをクリックして特殊効果を取り消す「概要:なし;」、デフォルト効果の廃止を。

2つのクリックして効果はBaiduの検索ボックスを実装します。

テキストボックスをクリックし、テキストボックスの境界線は、私が実装に学んだ、青い実線が表示されます。

基本的なHTML要素:

 

CSS:特殊効果のテキストボックスのニーズに合わせてスタイルを設定するためのCSS

JS:テキストボックスのマウスクリックでは、テキストボックスの変更の名前を入力すると

 要約:

JSは、HTML要素を選択する方法を学びました:

1のdocument.getElementById( "ID");リターン

2 document.getElementsByClassName(「クラス名」);クラスの配列を返します

3document.querySelector( "セレクタ"); //戻りquerSelectorAll、配列を返します

 

CSSのdisplayプロパティを学ぼう:

表示:インライン;行要素が折り返されません

表示:ブロック、ブロック要素、幅と高さ調節

表示:インラインブロック、列内のブロックは、両方の利点を有します。

私の表現が間違っている、してください展示会であれば、これらの、私のレコードの同等のものを書きます。

 

おすすめ

転載: www.cnblogs.com/Zxq-zn/p/11366744.html