HTMLフォームアプリケーションにはチェックボックスとラジオボタンの使用が含まれます
|
チェックボックスやラジオボタンの使用を含む コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312" /> <title>ログイン インターフェース</title> </head> <本文> <h1> <strong>ログイン画面</strong> </h1> <フォーム名="f1" id="f1"> <表の境界線="0" 幅="457" 高さ="280" セル間隔="1" セルパディング="1"> <tbody><tr> <td width="44">ログイン:</td> <td width="406"><input type="text" name="ログイン" id="ログイン" size=""></input></td> </tr> <tr><td colspan="3" align="left">プロフェッショナル: <input type="radio" name="type" value="computer" selected="">コンピュータアプリケーション</input> <input type="radio" name="type" value="software">ソフトウェアエンジニアリング</input> <input type="radio" name="type" value="auto">自動化</input> </td> </tr> コース: <input type="checkbox" value="">コンピュータネットワーク</input> <input type="checkbox" value="">データベースの原則</input> <input type="checkbox" value="">WEB プログラミング</input> <input type="checkbox" value="">Java プログラミング</input></td> </tr> </tbody></table> </フォーム> </本文> </html> 実際の効果: ログイン画面  |
<<: JavaScript の便利な配列トリック 12 選
推薦する
Linuxのtopコマンド出力の詳細な説明
序文皆さんは Linux で top コマンドを使ったことがあると思います。私は Linux に触れ...
MySQLデータベースインデックスの欠点と適切な使用
目次インデックスの適切な使用1. 通常のインデックスのデメリット2. 主キーインデックスの落とし穴3...
MySQLのインデックス選択と最適化の詳細な説明
目次インデックスモデルB+ツリーインデックスの選択インデックスの最適化インデックスの選択性カバーイン...
ワンクリックで雨や雪のエフェクトを実現する ThingJS パーティクルエフェクト
目次1. パーティクルエフェクト2. シーンを読み込む3. さまざまな粒子効果の実現エンディング： ...
Vue は URL に基づいて非同一オリジンのファイルをどのようにダウンロードするのか
一般的に、URL に基づいてファイルをダウンロードする場合、次の 2 つの解決策があります。 1. ...
docker によってプルされたイメージがどこに保存されるかの詳細な説明
20200804追記：記事の内容に誤りがある可能性があります。他の回答を検索することもできます。 d...
デュアル VIP を使用した高可用性 MySQL クラスタの構築
目次1. プロジェクトの説明: 2. プロジェクト環境: 2. プロジェクトの手順: 3. プロジェ...
純粋なCSSを使用してスイッチ効果を実現する
まずアイデアはこの効果を実現するには、 <input type="checkbox&...
XHTML 特殊文字コレクション
注意 ノーブレークスペース = ノーブレークスペース、 iexcl ¡ &...
DockerはRedisをインストールし、操作用のビジュアルクライアントを導入します
1 はじめにRedis 、 ANSI C言語で開発されたKey-Valueベースの高性能NoSQLデ...
純粋な CSS 流星群の背景サンプルコード
GitHubアドレス、気に入ったらスターを付けてくださいプラグインのプレビューチュートリアルコード表...
MySQL 5.7 のインストールと設定の詳細な手順
1. MySQLをダウンロードする1. MySQLの公式ウェブサイトにログインし、64ビットシステム...
NetEase ブログで使用されているシンプルな Web ページ コード
NetEase Blog でコードを使用する方法: まずブログにログインし、ブログのホームページの左...
DockerでMySQLコンテナを作成する簡単な手順
序文すでに Docker をインストールしており、Docker について簡単に理解しています。ここで...
CSS クロスフェード() を使用して半透明の背景画像効果を実現するサンプルコード
1. 要件の説明特定の要素については、背景background-imageを半透明にしたいが、テキス...