JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<h1>資料請求フォーム</h1>

<p>こちらでは当社商品に関する資料を請求をいただけます。
    <br>以下の項目をご記入いただき、「送信する」ボタンを押してください。</p>
<form>ご氏名
    <br>
    <input type="text" maxlength="10" size="20" name="fullname">
    <br>
    <br>郵便番号
    <br>
    <input type="text" maxlength="3" size="3" name="zip1">-
    <input type="text" maxlength="4" size="4" name="zip2">
    <br>
    <br>住所
    <br>
    <input type="text" maxlength="40" size="60" name="address">
    <br>
    <br>年齢層
    <br>
    <select name="age">
        <option value="10">10代</option>
        <option value="20">20代</option>
        <option value="30">30代</option>
        <option value="40">40代</option>
        <option value="50">50代以上</option>
    </select>
    <br>
    <br>ご希望の資料
    <br>
    <input type="checkbox" name="material" value="invest">&nbsp;投資に関する資料
    <input type="checkbox" name="material" value="oversea">&nbsp;海外投資に関する資料
    <input type="checkbox" name="material" value="nisa">&nbsp;NISAに関する資料
    <br>
    <br>ご意見・ご要望
    <br>
    <textarea name="comment" cols="50" rows="8"></textarea>
    <br>
    <br>当社からのニュースレターを受け取りますか？
    <br>
    <input type="radio" name="newsletter" value="yes">&nbsp;はい
    <input type="radio" name="newsletter">&nbsp;いいえ
    <br>
    <input type="submit" name="send" value="送信する">
    <input type="reset" name="clear" value="クリアする">
</form>