HTML CSS

KokoaTalk clone coding: HTML form tags

jane.dev 2021. 4. 30. 15:52
반응형

form

input works depending on the value of its type

 

<body>

  <form>

    <input type="color" /> self-closing tag

  </form>

</body>

color

<body>

  <form>

    <input placeholder="Name" type="text" />

    <input placeholder="Last Name" type="text" />

    <input placeholder="Username" type="text" />

    <input placeholder="Password" type="password" />

    <input type="submit" value="Create Account" />

  </form>

</body>

 

<body>

  <form>

    <input placeholder="Name" type="text" />

    <input placeholder="Last Name" type="text" />

    <input placeholder="Username" type="text" />

    <input placeholder="Password" type="password" />

<input type="submit" disabled value="Create Account" />

  </form>

</body>

submit-disabled

 

<body>

  <form>

    <input required placeholder="Name" type="text" />

    <input required placeholder="Last Name" type="text" />

    <input required placeholder="Username" type="text" />

    <input required placeholder="Password" type="password" />

    <input type="submit" value="Create Account" />

  </form>

</body>

required

 

<body>

  <form>

    <input required placeholder="Name" type="text" />

    <input required placeholder="Last Name" type="text" />

    <input required placeholder="Username" type="text" />

    <input required placeholder="Password" minlength="10" type="password" />

    <input type="submit" value="Create Account" />

  </form>

</body>

minlength

<body>

  <form>

    <input type="file" />

    <input required placeholder="Name" type="text" />

    <input required placeholder="Last Name" type="text" />

    <input required placeholder="Username" type="text" />

    <input required placeholder="Password" minlength="10" type="password" />

    <input type="submit" value="Create Account" />

  </form>

</body>

file

 

<body>

  <form>

    <input type="file" accept=".pdf" />

    <input required placeholder="Name" type="text" />

    <input required placeholder="Last Name" type="text" />

    <input required placeholder="Username" type="text" />

    <input required placeholder="Password" minlength="10" type="password" />

    <input type="submit" value="Create Account" />

  </form>

</body>

pdf only

 

<body>

  <form>

    <input type="file" accept="image/*" />

    <input required placeholder="Name" type="text" />

    <input required placeholder="Last Name" type="text" />

    <input required placeholder="Username" type="text" />

    <input required placeholder="Password" minlength="10" type="password" />

    <input type="submit" value="Create Account" />

  </form>

</body>

all image

 

<body>

  <form>

    <input type="file" accept=".pdf, image/*" />

    <input required placeholder="Name" type="text" />

    <input required placeholder="Last Name" type="text" />

    <input required placeholder="Username" type="text" />

    <input required placeholder="Password" minlength="10" type="password" />

    <input type="submit" value="Create Account" />

  </form>

</body>

pdf, all image