JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<h1>個人基本資料</h1>
<form action="/edit.aspx" method="post">
    <label for="fullName">Full Name</label>
    <input id="fullName" name="fname" type="text" placeholder="請輸入中文姓名" />
    
    <label for="birthday">Birthday</label>
    <input id="birthday" type="date" />
    
    <label for="age">Age:</label>
    <input id="age" type="range" min="1" max="150" />
    
    <label for="address">Address:</label>
    <input id="address" type="address" />
    
    <button id="save" type="submit">Save</button>
        <button type="reset">Cancel</button
</form>

CSS

input {
    display: block;
    margin-bottom: 1em;
    
}
h1{
    color: red;
}

#fullName{
    background-color: red;
}

JavaScript

$("#save").click(function(){
    confirm("Are you sure?");
});
//$("h1").css("color","red");

$("h1").append("<input type=text />");