テーブルを使用してフォームコントロールの形式を調整し、見栄えを良くします。

テーブルを使用してフォームコントロールの形式を調整し、見栄えを良くします。
自分でウェブページを書きたいので、HTML 言語についても少し勉強しています。これは、大学時代にウェブデザインに興味があったことを思い出させます。残念ながら、当時は自分のコンピュータを持っていませんでした。よくインターネットカフェに行ってフロッピーディスクを買って画像をダウンロードし、fontpage を使用してウェブページをいくつか作成していました。その後、コンピュータを購入し、「Legend」に夢中になり、ウェブデザインのことも忘れてしまいました...

私は Ubuntu で作業しており、Linux には WYSIWYG Web デザイン ツールがほとんどなかったので、最終的に Bluefish を選択しました。

デバイスを追加するフォームを作りたいのですが、プレフィックスが異なるため見た目が醜くなってしまいます。図の通りです。

コードをコピー
コードは次のとおりです。

<!DOCTYPE html>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" />
<html>
<本文>
ユーザー名:<input type="text" name="username"><br/>
パスワード:<input type="password" name="password">
</本文>
</html>



この入力ボックスは整列していないので、とても残念に思います。すると同僚が、テーブルを使用してフォーマットできると言ってきたので、アドバイスを求めました。コードは次のようになります。

コードをコピー
コードは次のとおりです。

<!DOCTYPE html>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" />
<html>
<本文>
<テーブル>
<tr>
<td>ユーザー名:</td>
<td><input type="text" name="ユーザー名"><br/></td>
</tr>
<tr>
<td>パスワード:</td>
<td><input type="password" name="パスワード"></td>
</tr>
</テーブル>
</本文>
</html>



ああはは、新しいスキルを手に入れました。Tong Junの強力なサポートに感謝します〜〜

また、CSS を使用してテーブルのフォーマットを制御する方法も学びました。

コードをコピー
コードは次のとおりです。

<スタイル タイプ="text/css">
テーブル{border-top:#000 solid 1px; border-left:#000 solid 1px;}
td{ border-bottom:#000 solid 1px; border-right:#000 solid 1px;}
</スタイル>

<<:  Tkinterはjsキャンバスを使用してグラデーションカラーを実現します

>>:  DockerがMySQL構成実装プロセスを開始

推薦する

Windows 10 で MySQL をダウンロードするための詳細なチュートリアル

MySQL のバージョンは、Enterprise Edition と Community Editi...

MySQL 分離レベル操作プロセスの詳細説明 (cmd)

コミットされていない読み取りの例の操作プロセス - コミットされていない読み取り1. 2 つの My...

Nginx リバース プロキシを使用して go-fastdfs を実行する例

背景go-fastdfs は、http プロトコルをサポートする分散ファイルシステムです。一般的なプ...

VMWare を使用して Windows 上で Linux 環境を構築する手順 (画像とテキスト)

Mac を返却して以来、元のラップトップは使用されていません。このラップトップの構成は非常に良好で...

Nginxは特定のページへのIPアクセスを制限します

1.すべてのIPアドレスが3つのページa1.htm、a2.htm、a3.htmにアクセスするのを禁止...

IDEA を MYSQL データベースに接続するための構成時に失敗する問題の解決策

この記事では、主に、IDEA を MYSQL データベースに接続するための構成時に失敗する問題の解決...

Mysqlトランザクション操作の失敗を解決する方法

Mysqlトランザクション操作の失敗を解決する方法トランザクションの原子性: トランザクションは、デ...

CentOS での Django プロジェクトのデプロイに関する詳細なチュートリアル

基本環境パゴダ設置サービスパゴダにインストールされた[Pythonプロジェクトマネージャー]パゴダに...

今日と昨日の 0:00 タイムスタンプを取得する MySQL の例

以下のように表示されます。昨日: UNIX_TIMESTAMP(CAST(SYSDATE() AS ...

Vue はスクロール可能なポップアップウィンドウ効果を実装します

この記事では、スクロール可能なポップアップウィンドウ効果を実現するためのVueの具体的なコードを参考...

EDMをHTMLで記述する際の注意点まとめ(メール送信時の一般的な注意点)

フォーマットエンコーディング1. ページの幅は600~800px、長さは1024px以内に設定してく...

Apache Superset を使用して ClickHouse データを視覚化する 2 つの方法

Apache Superset は、データを表示および探索する方法を提供する強力な BI ツールで...

LinkedIn がウェブサイト閲覧を簡素化するためにリニューアル

ビジネス ソーシャル ネットワーキング サイト LinkedIn は最近、ナビゲーション バーとユー...

Tomcat のパフォーマンス最適化のための Apr モジュールの構築方法

序文Tomcat は、無数のチューニング オプションを備えた、広く使用されている Java Web ...

MySQLのビューとインデックスの使い方と違いの詳細な説明

MySQL ビュー簡単に言えば、MySQL ビューは SELECT コマンドを定義するためのショート...