HTML ユーザー登録ページ設定ソースコード

ここに画像の説明を挿入

上記の Web ページをデザインします。

<!DOCTYPE html>
<html lang="ja">

<ヘッド>
    <メタ文字セット="UTF-8">
    <meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
    <title>ドキュメント</title>

    <スタイル>

            形状{
                幅: 800ピクセル;
                高さ: 700ピクセル;
                境界線: 1px 実線の赤;
                マージン: 自動;
                背景: url(images/tree.jpg) no-repeat -40px 300px;
            }

            フォーム h3{
                左マージン: 200px;
            }

            p{
                左マージン: 200px;
            }

            時間{
                左マージン: 200px;
            }

             .a1{
                 左マージン: 85px;
             }

             .a2{
                左マージン: 110px;
            }


            入力、
            テキストエリア
            {
            背景: url(images/attention.png) 繰り返しなし 右;
            }

            ボタン{
                左マージン: 200px;
                背景: rgb(81, 187, 125);
                色: 白;
            }

            span#as:hover 入力{
                幅: 300ピクセル;
                高さ: 40px;
            }

           
    </スタイル>

</head>

<本文>
        

        <フォームアクション="">
            <h3>ユーザー登録:</h3>

            <時間>
            
            <p>ユーザーのニックネーム: <span class="a1" id="as"><input type="text" required placeholder autofocus></span> <hr></p>

            <p>登録メール: <span class="a1" id="as"><input type="email" required placeholder="[email protected]"></span><hr></p>

            <p>パスワード: <span class="a2" id="as"><input type="password" 必須プレースホルダー></span><hr></p>

            <p>性別:<span class="a2">男性<input type="radio" name="1" チェック済み>
                女性<input type="radio" name="1"> </span><hr>
             </p>

             <p>年齢: <span class="a2" id="as"><input type="number" name="number1" 必須プレースホルダー></span><hr></p>

             <p>趣味と興味:
                サッカー<input type="checkbox" name="1">
                バスケットボール<input type="checkbox" name="1">
                水泳<input type="checkbox" name="1">
                歌う<input type="checkbox" name="1">
                実行中<input type="checkbox" name="1">
                ヨガ<input type="checkbox" name="1">
             </span><hr></p>

            <p>自己紹介: <span class="a1"><textarea name="abcde" cols="30" rows="10" required placeholder>メッセージを入力してください</textarea></span><hr> </p>

            <button type=submit>今すぐ登録</button>

             
            <div></div>



        </フォーム>

</本文>

</html>

HTML ユーザー登録ページ設定のソースコードに関するこの記事はこれで終わりです。より関連性の高い HTML ユーザー登録ページコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<: CSS で波の効果を作成するためのアイデア

>>: CSS クラスと ID の一般的な命名規則