JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<form action="#" method="post">
    ご氏名
    <br>
    <input type="text" size="20" name="shimei" id="name">
    <br>email
    <br>
    <input type="text" size="20" name="email" id="email" value="[email protected]">
    <br>
        電話番号<br>
        <input type="text" size="11" name="tel" id="tel"><br>
            ご意見・ご要望<br>
            <textarea name="comment" id="comment" cols="40" rows="8"></textarea>
</form>

JavaScript

var emailField = document.getElementById('email');

emailField.onfocus = function() {
    if(emailField.value == '[email protected]') {
        emailField.value = '';
    }
}

emailField.onblur = function() {
    if(emailField.value == '') {
        emailField.value = '[email protected]';
    }
}