ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLテキスト入力ボックスのコードは何ですか? HTMLテキスト入力ボックスの作り方

HTMLテキスト入力ボックスのコードは何ですか? HTMLテキスト入力ボックスの作り方

云罗郡主
リリース: 2018-11-01 14:17:37
オリジナル
45823 人が閲覧しました

HTML テキスト入力ボックスを作成するにはどうすればよいですか? HTMLテキスト入力ボックスのコードは何ですか? HTML フォームは、ユーザー入力を取得するために必要なものです。ただし、まずテキスト ボックスを作成する必要があります。その作成方法が問題になります。Windows システムが HTML テキスト入力ボックスを作成する方法について説明します。

1: まず HTML ファイルを作成し、メモ帳またはその他のプレーン テキスト エディタを開きます。Windows では、[スタート] メニューの [アクセサリ]、[メモ帳] からメモ帳にアクセスできます。または、Windows キー R を使用し、「notepad」と入力して Enter キーを押します。 [推奨学習: Html5 チュートリアル ]

2: コードを入力し、基本的なタグ (

head> /html>)。

3: 基本的なコードの作成が完了したので、テキスト ボックスのコードを保存するフォームを作成し、テキスト ボックスを作成する準備が整いました。

1. 2 つの body タグ (

と ) の間に「
」と入力します。

2. 次のステップは要素を入力することです: と入力します。

3. 最後に、フォーム ラベルを記述した後、「

」と入力します。

コード例:

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>php中文网(php.cn)</title>
 </head>
 <body>
<form name =“test”>
<input type =“text”name =“textie”>
 </body>
 </html>
ログイン後にコピー

4: ページを保存します。 [ファイル]、[名前を付けて保存] をクリックし、test.html として保存します。

5: ウィンドウを開いて、新しいテキスト ボックスを確認してください。

Web ページに表示される効果は次のとおりです。

HTMLテキスト入力ボックスのコードは何ですか? HTMLテキスト入力ボックスの作り方

#JavaScript を使用して、テキスト ボックスとボタンに特定の操作を同時に実行させることもできます。入力ボックスの前に置きたい場合は、それが何であるかを説明するテキストを タグの前に入力します。

上記は、HTML テキスト入力ボックスのコードとは何ですか? HTML テキスト入力ボックスの作成方法の完全な紹介 HTML5 オンライン マニュアル について詳しく知りたい場合は、php 中国語 Web サイトに注目してください。

以上がHTMLテキスト入力ボックスのコードは何ですか? HTMLテキスト入力ボックスの作り方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート