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 選
推薦する
nginx の default_server 定義とマッチングルールの詳細な説明
nginx の default_server ディレクティブは、server_name と一致しない...
カスタムスクロールバー効果を実現するJavaScript
実際のプロジェクトでは、上下のスクロール バーと左右のスクロール バーは DIV 内にないため、右の...
MySQL の時間設定に関する考慮事項の詳細な要約
時間は本当に存在するのでしょうか？時間は人間が考え出した概念に過ぎず、物事の変化を測る基準に過ぎない...
CSS の優先順位に関する詳細な紹介
CSS の優先順位について話す前に、CSS とは何か、CSS が何に使用されるのかを理解する必要があ...
MySQL 8.0.20 winx64 のインストールと設定方法のグラフィックチュートリアル
この記事では、MySQL 8.0.20 winx64 のインストールと設定方法を次のように説明します...
CentOS7仮想マシンがインターネットにアクセスできない問題を解決し、CentOS7仮想マシンが静的IPを使用してインターネットにアクセスするように設定します。
最近、VMware 仮想マシンで CentOS を試していたのですが、インストール後にインターネット...
Yahooのフロントエンド最適化に関する35のルールについての簡単な説明
概要: 仕事でも面接でも、Web フロントエンドのパフォーマンスを最適化することは非常に重要です。で...
win10 での mysql5.7.21 の詳細なインストール手順
この記事では、MySQL 5.7.21のインストールとインストール中に発生した問題を参考までに紹介し...
ブラウザの自動フォーム入力によるウェブページのスタイル損失の原因の分析と解決
バックエンドからフロントエンドまで、なんと悲劇なのでしょう。他の人の CSS を自分の jsp We...
テキストエリア テキストエリアの幅と高さ 幅と高さの自動適応実装コード
コードをコピーコードは次のとおりです。 <HTML> <ヘッド> <T...
MySQL での置換例の詳細な説明
MySQL での置換例の詳細な説明replace into は insert と似ていますが、rep...
Linux での chmod コマンドの使用方法の詳細な説明
chmod コマンド構文chmod コマンドを使用する場合の正しい構文は次のとおりです。 chmod...
JavaScript キャンバスで動的な点と線の効果を実現
この記事では、動的な点と線の効果を実現するためのJavaScriptキャンバスの具体的なコードを参考...
CSS を使用して画像の下の空白を数ピクセル消去する方法の詳細な説明
最近、友人が私に質問をしました。ページをレイアウトすると、画像の下に 1 ～ 2 ピクセルの空白があ...
MySQLコンテナ間のレプリケーション構成例の詳細な説明
背景先週、会社で MySQL レプリケーションのトレーニングを受けたので、今週末は学んだことを実践す...