Web デザイン 5 におけるシンプルな XHTML Web フォーム。 テクニック 1: ラベル サンドイッチ 入力ボックス、選択ボックス、テキスト ボックスをラベル要素に含め、すべてをブロック レベル要素として設定します。ラジオ ボタンとチェック ボックスの表示モードをインラインに設定して、同じ行に表示されるようにします。ラベルとラジオ ボタン/チェック ボックスを別の行に表示したい場合は、ラベルに含めないように選択するか、ハード改行処理を使用します。 各シナリオを以下に示します。 これらは流行しているように見えますが、W3C は実際にラベルの例を暗黙的に示しています。 主な利点: シンプルなコード: ラベル、入力、select、textarea {display:block;} label {margin-bottom:10px;} input [type = "radio"]、input [type = "checkbox"] {display:inline;} <form> <field> <legent> contact form </legend> <label for = "nam email "name =" email "size =" 20 " /> <ラベル=" choces "> choices(radio) - <em> wrapped label < /em> < /label> <input name =" choces "type =" radio " /> choces name =" choces "type =" Radio " /> Choice 2 <入力名=" Type = "Radio" - マージンリセット< /em> < /label> <input name = "choice2" type = "チェックボックス" /> choice 1 <input name = "choice2" type = "checkbox" /> choice 2 <input name = "checkbox"チェックボックス "チェックボックス - ブレイク</em> </label> <input name = "choice3" type = "checkbox"/> choice 1 <input name = "choice3" type = "checkbox"/> choice = "choice3" type = "checkbox"/> choice 3 = "dropdown">質問</label> <reack = "dropdown"オプション>オプション>オプション3 </option> </select> <ラベル= "message">メッセージ<textarea cols = "36" rows = "12" name = "message"> </textarea> </label> <入力タイプ= "submit" value = "send it"/> </fieldset> </form> 実行結果: #expamle1 ラベル、#expamle1 入力、#expamle1 選択、#expamle1 テキストエリア {display: block;} #expamle1 ラベル {margin-bottom: 10px;} #expamle1 入力[type="radio"]、#expamle1 入力[type="checkbox"] {display: inline;} テクニック 2: 怠惰 多くの開発者は、この非正統的ですが迅速かつ簡単なアプローチ (改行を使用してタグを区切る) を使用します。動作しますが、CSS が不要であるため、CSS スキルには悪影響です。 主な利点: 高速コード: <form> <fieldset> <legent> contact form </legned> <ラベル= "name"> name </label> <input id = "name =" name "size =" 20 "/> <for =" email "> <input id =" email "email =" email "size =" 20 "/> <label =" choices = "" "/labit"/> <ラジオ " /> choceas 2 <input name =" choces "type =" Radio " /> choces 3 <ラベル=" choices3 "> choces < /label> <input name =" choces3 "type =" checkbox " /<input name =" choice3 "タイプ=「チェックボックス" /> = "オプションのグループ"> </optgroup> <option> option 1 </option> <option> option 2 </option> <option> option 3 </option> </select> <ラベル= "メッセージ">メッセージ> <textarea cols = "36" rows = "12" name = "message"> </textarea> <入力タイプ= " 実行結果: 前のページ1 2 次のページ 全文を読む |
設定は非常にシンプルですが、毎回確認しないといけないので、記録だけ残しておきます。 1. インストー...
具体的な方法:まずコマンドプロンプトを開きます。次に、[ mysql -u root -p ] コマ...
今日は、マスタースレーブ遅延が発生する理由とその対処方法について説明します。しっかり座って出発の準備...
アイデア: 最初にランダムに並べ替えてからグループ化します。 1. テーブルを作成します。 テーブル...
1. 基本的な文法コードをコピーコードは次のとおりです。埋め込み src=url注: 埋め込みはさま...
システム環境: Windows 7 1. DockerをインストールするDocker公式サイトからd...
MYSQL を使用する場合、トリガーがよく使用されますが、不適切な使用によって問題が発生する場合が...
1. 公式ウェブサイトアドレス公式サイトではインストールの参考手順が紹介されています。公式サイトを見...
MySQL 8.0.18 安定版 (GA) が昨日正式にリリースされ、Hash Join も期待通り...
システムをリセットした後、かなり前にインストールした MySQL データベースのコンソール クエリで...
目次URL モジュール1. 解析メソッド2. フォーマット方法3. 解決方法イベントモジュール(イベ...
CS: ... 1. <link type="text/css" href...
<br />私が住んでいる地域では、コミュニティに出入りする車両を管理するために、コミュ...
HTML チェックボックスとラジオボタンスタイルの美化の簡単な例チェックボックス: XML/HTML...
随分前に「Patterns for Sign Up & Ramp Up」を読み終えました。今...