React Sign Up Form Code 1

import React from 'react';

import ReactDOM from 'react-dom';

import ReactDOM from 'react-dom/client';

function SignupForm() {
    return (
        <>
            <form autocomplete="off" class="form">
                <h1 class="h1">Sign Up</h1>
                <input type="text" placeholder="First Name" class="form-input" />
                <input type="text" placeholder="Last Name" class="form-input" />
                <input type="passowrd" placeholder="Password" class="form-input" />
                <input type="button" value="Sign Up" class="form-btn" />
            </form>
        </>
    );
}

ReactDOM.render(<SignupForm />, document.getElementById('root'));

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<SignupForm />);

const GetSignupForm = () => {
    return (
        <>
            <form autocomplete="off" class="form">
                <h1 class="h1">Sign Up</h1>
                <input type="text" placeholder="First Name" class="form-input" />
                <input type="text" placeholder="Last Name" class="form-input" />
                <input type="passowrd" placeholder="Password" class="form-input" />
                <input type="button" value="Sign Up" class="form-btn" />
            </form>
        </>
    );
}
export default GetSignupForm;

export const GetSignupForm = () => {
    return (
        <>
            <form autocomplete="off" class="form">
                <h1 class="h1">Sign Up</h1>
                <input type="text" placeholder="First Name" class="form-input" />
                <input type="text" placeholder="Last Name" class="form-input" />
                <input type="passowrd" placeholder="Password" class="form-input" />
                <input type="button" value="Sign Up" class="form-btn" />
            </form>
        </>
    );
}

React Sign Up Form Code 1

Sign Up

Follow Us