span、input、およびdiv要素の違いは何ですか？

私のコード（here）を見れば、の要素をform1に、spanの要素をform2.spanに入れました。 form2.spanはインラインで、inputもインライン要素ですが、なぜ異なる方法で表示されますか？そうでない場合は、input要素はどうですか？span、input、およびdiv要素の違いは何ですか？

span,inputおよびdivの要素の違いは何ですか？

出典

2011-09-13 user928820

単語が固有名詞、文頭またはタイトルの場合は、単語の最初の文字を大文字にする必要があります。あなたの質問のすべての単語をタイトルにする必要はありません。 – icktoofay

いくつかのこと：このファイルのDOCTYPE（もそのことについては<html>タグは）ありません

、それはここではあまりやっていないが、それためではない場合、いくつかのランダムなものを行うことができますいくつかのブラウザを 'quirks'モードにします。
入力が次の行にある理由は、それらの行が上記の行に収まらないからです。これは、フォーム幅が263px、ラベル幅が80px、入力幅が200pxに設定されているためです。 200 + 80pxは263pxより大きく、次の行に移動します。
フォーム2で追加したテキストのランダムビットは、実際には<span>タグには含まれていません。
ランダムテキストの前に電子メールが表示されるのは、それが左にフローされているためです。フローティングされていないランダムなテキストを通過するためです（This linkはそれを説明する良いリンクです）。
メールが上に移動した別の理由は、そこに収まるからです。ラベルは80ピクセルです。 80 + 80 +（ランダムなテキストの幅）は、フォームの幅が263px未満に設定されています。

divsとspan/inline要素の違いは次のとおりです。 Googleの「Inline vs Block Elements」やStackOverflowのここを参照しても、数回カバーされていると思います。

出典

2011-09-13 05:13:25

span、input、およびdiv要素の違いは何ですか？

答えて

関連する問題