ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLを使って簡潔な投稿フォームを作成する方法(詳細コード説明)

HTMLを使って簡潔な投稿フォームを作成する方法(詳細コード説明)

奋力向前
リリース: 2021-08-02 18:03:38
オリジナル
9166 人が閲覧しました

前回の記事「初心者:aタグを使ってリンクを作成する方法(シェア)」では、Aタグを使ってリンクを作成する方法を紹介しました。次の記事では、HTML を使用してフォームを作成する方法を紹介します。一緒に方法を見てみましょう。困っている友達は参考にしてください。お役に立てれば幸いです。

HTMLを使って簡潔な投稿フォームを作成する方法(詳細コード説明)

htmlフォームの作り方

Webページで「ログイン」や「登録」などの一般的な機能は、通常フォームを使って実装されます。たとえば、次はログイン フォームの例です。&lt;input&gt;<button></button>

コード例

<HTML>
	<form>
	<input placeholder="用户口"><br>
	<input placeholder="密码" type="password"><br>
	<button type="submit">登录</button>
	<button type="reset">重置</button>
	</form>
</HTML>
ログイン後にコピー

コードのレンダリング

HTMLを使って簡潔な投稿フォームを作成する方法(詳細コード説明)

##

フォームのシェル:ユーザーは、通常は他の要素と組み合わせて、一連のデータを送信します。


タグは空のタグです: 段落を分割する代わりに空の行を入力するには、
を使用します。

&lt;input&gt; 単一行のテキスト入力ボックス: 要素は通常、ユーザー入力を指定します。単に &lt;input&gt; となります。 1 行で入力してください。

&lt;input&gt;
ログイン後にコピー

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