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 選
推薦する
要素 ui の el-table の列にさまざまなスタイルのデータを動的に実装する例
問題の説明Ele.me UI のフレームワークでは、入力データは el-form であり、出力データ...
MySQLのさまざまなロックに関する詳細な理解
目次ロックの概要ロックの分類データベース操作の粒度データ操作の種類MySQL ロックさまざまなストレ...
nginxのインストールと設定の詳細なプロセス記録
目次1 nginxの紹介1 nginxとは何か2 つのアプリケーション シナリオ2 nginxのイン...
レスポンシブ原則のソースコード分析のVue解釈
目次初期化初期化状態()初期化プロパティ()初期化データ()観察する（）オブザーバーリアクティブを定...
CentOS 8 に MariaDB をインストールするための詳細なチュートリアル
MariaDB データベース管理システムは MySQL のブランチであり、主にオープンソース コミュ...
データ型の判断における js typeof と instanceof の違いと、その開発と使用について
目次1. typeof演算子2. インスタンスオブ演算子3. typeof と instanceof...
DOCTYPE HTMLを使用する理由
これがないと、ブラウザはページをレンダリングするときに Quirks モードを使用することがわかって...
Linux ネットワーク システムの紹介
目次ネットワーク情報ホスト名を変更するDNSドメイン名解決ネットワーク関連コマンドファイアウォール暗...
Alibaba Cloud Server の詳細な展開 (グラフィック チュートリアル)
最近、Web 開発のフロントエンドとバックエンドの技術を学んだので、その後の管理を容易にするためにプ...
Reactはいくつかの方法でパラメータを渡します
目次親コンポーネントと子コンポーネント間でパラメータを渡すルーティングパラメータステータスの改善コン...
面接では、select...for update がテーブルをロックするのか、それとも行をロックするのか尋ねられました。
目次確認する：例の検証と組み合わせるselect クエリ ステートメントはロックされませんが、sel...
ウェブページのカラーマッチングスキルについての簡単な説明（フロントエンド開発者必読）
一般的に、Web ページの背景色は、より柔らかく、よりシンプルで、より明るく、暗いテキストとマッチし...
NodeJSのモジュール性に関する詳細な説明
目次1. はじめに2. 本文2.1 モジュールとは何ですか? 2.2 解決2.3、require.r...
回転するフリップカードアニメーションの効果を実現するCSS
回転フリップ効果の CSS アニメーション、具体的な内容は次のとおりです。 1. まず2つのボックス...
Alibaba Cloud で静的ウェブサイトを素早く構築する方法
序文：ジュニアプログラマーとして、私は自分自身の個人ウェブサイトを構築し、それを他の人に見せることを...