<div>
    <div class="flex flex-col justify-center mt-8 sm:mx-auto sm:w-full sm:max-w-md">
        <input class="focus:border-indigo-500 appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:ring focus:ring-opacity-25 focus:border-indigo-500 transition duration-300 sm:text-sm"
        type="text" 
        meld:keydown.enter="add_todo()" 
        meld:model.defer="todo" placeholder="What do you need to do?"></inp