HTML フォームコンポーネントのサンプルコード

HTML フォームは、さまざまな種類のユーザー入力を収集するために使用されます。次のコードは、HTML フォームコンポーネントのサンプルコードです。興味のある方は参照してください。

さっそく、コードを直接投稿します。具体的なコードは次のとおりです。

<!DOCTYPE html>  
<html>  
<ヘッド>  
<メタ文字セット="UTF-8">  
<title>ここにタイトルを挿入</title>  
</head>  
<本文>  
    <!--  
    サーバーにデータを送信する場合、フォーム内のコンポーネントには、サーバーからデータを取得するための名前属性と値属性が必要です。  
<from>名前を入力してください:<input type="text" name="user" value=""/><br/>  
        パスワードを入力してください: <input type="password" name="passwd" value=""/>  
        <br/>  
      性別を選択してください:<input type="radio" name="sex" value="nan"/> 男性<input type="radio" name="sex" value="nv" selected="checked"/> 女性<br/>  
    テクノロジーを選択:  
        <input type="checkbox" name="tech" value="java"/>Java  
        <input type="checkbox" name="tech" value="html"/>html  
        <input type="checkbox" name="tech" value="css"/>CSS<br/>  
    ファイルを選択:  
        <input type="file" name="file" /><br/>  
    画像: <input type="image" src="11.jpg" ><br/>  
    <!-- データはクライアント側で指定する必要はなく、サーバーに送信できます -->  
    非表示のコンポーネント: <input type="hidden" name="mykey" value="myvalue"/><br/>  
    ボタン: <input type="button" value="ボタンがあります" onclick="alert('ボタンがあります')"><br/>  
    <select name="国">  
        <option value="none">--国を選択-</option>  
        <option value="usa">アメリカ合衆国</option>  
        <option value="en">イギリス</option>  
        <option value="cn" selected="selected">中国</option>  
    </選択>  
    <テキストエリア名="テキスト"></テキストエリア>  
    <br/>  
    <input type="reset" value="データを消去"/><input type="submit" value="データを送信"/>  
<から>  
</本文>  
</html>

要約する

上記はエディターが紹介した HTML フォームコンポーネントのサンプルコードです。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残していただければ、エディターがすぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<: Nginx と Lua を使用した JWT 検証の概要

>>: ::before/:before と ::after/:after の使用に関する深い理解