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 選
推薦する
JS で async と await を使用する方法
目次1. 非同期2. 待つ: 3. 包括的なアプリケーション1. 非同期async 、非同期コードが...
dockerがredisを再起動するとmysqlデータが失われる問題を解決する
公式ドキュメント:したがって、mysql は次のように起動する必要があります。 docker run...
ネイティブ JavaScript メッセージボード
この記事では、参考までにメッセージボードを実装するためのJavaScriptの具体的なコードを紹介し...
フロントエンドコンポーネント化の基礎知識を詳しく解説
目次コンポーネントの基本概念オブジェクトとコンポーネントの違い成分属性属性とプロパティ属性：財産：ク...
Webデザインチュートリアル（3）：デザインの手順と考え方
<br />前のチュートリアル：Webデザインチュートリアル（2）：模倣と盗作について。...
Vue3 テーブルコンポーネントの使用
目次1. Antデザインビュー1. 公式ウェブサイトアドレス2. 使い方3.電子書籍テーブルを表示す...
MySQL のソートとページング (order by と limit) と既存の落とし穴
並べ替えクエリ (order by)電子商取引の場合: 今日完了したすべての注文を表示し、取引金額に...
HTMLコードテキストボックスの制限入力テキストボックスが灰色になり、制限テキストボックスの入力
方法 1: readonly 属性を true に設定します。入力値=読み取り専用 readOnly...
dockerでnginxを実行するときにdaemon offが使用される理由についての簡単な説明
とても嬉しいです。この問題に遭遇したとき、私はDockerコンテナのプロセス原理について話さなければ...
入力ボックスのカーソルサイズの表示が一貫していない問題の解決方法
入力ボックス内のカーソルのサイズが一定ではありませんIE7とChromeの違いは非常に明白ですまず、...
ファイルアップロードスタイルの詳細を実装するjs
目次1. 概要2. オブジェクト作成のパラメータ3. 監視例4. 使用方法5. ソースコード1. 概...
ネイティブJSでマウススライドによる愛の拡散効果を実現
この記事では、マウスをスライドすると愛が広がる js 特殊効果を紹介します。効果は次のとおりです。 ...
デザインストーリー: ナンバープレートを覚えられない警備員
<br />私が住んでいる地域では、コミュニティに出入りする車両を管理するために、コミュ...
Docker はクラスター MongoDB 実装手順を構築します
序文会社の業務上のニーズにより、独自の MongoDB サービスを構築する予定です。MongoDB ...
ピクセルを包括的なブランド体験に変えるヒント
編集者：この記事では、インタラクティブデザインがブランドコミュニケーションチェーン全体で果たすべき役...