HTML forms 📝 #10

preview_player
Показать описание
HTML form input tutorial

01:22 text
05:44 buttons
10:36 drop-down menu
12:19 email
13:56 date
15:08 number
16:56 telephone
17:16 password
18:29 range
20:54 checkbox
21:33 file

Coding boot camps hate him! See how he can teach you to code with this one simple trick...

Bro Code is the self-proclaimed #1 tutorial series on coding in various programming languages and other how to videos in the known universe.
Рекомендации по теме
Комментарии
Автор

<!DOCTYPE html>
<html>

<head>
<title>DA BEST WEBSITE :D</title>
</head>
<body>

<form>
<label for="first_name">First Name:</label>
<input type="text" id="first_name" name="first_name" placeholder="Spongebob">

<br><br>

<label for="last_name">Last Name:</label>
<input type="text" id="last_name" name="last_name" placeholder="Squarepants">

<br><br>

<label for="title">Title:</label>

<label for="Mr.">Mr.</label>
<input type="radio" value="Mr." id="Mr." name="title">
<label for="Mrs.">Mrs.</label>
<input type="radio" value="Mrs." id="Mrs." name="title">
<label for="Miss.">Miss.</label>
<input type="radio" value="Miss." id="Miss." name="title">
<label for="PhD">PhD</label>
<input type="radio" value="PhD." id="PhD." name="title">

<br><br>

<label

<select id="payment" name="payment">
<option value="visa">visa</option>
<option
<option
<option value="check">check</option>
</select>

<br><br>

<label for="email">Email:</label>

<br><br>

<label
<input type="date" id="birthday" name="birthday">

<br><br>

<label
<input type="number" id="quantity" name="quantity" min="0" max="99" value="1">

<br><br>

<label for="phone">Phone #:</label>
<input type="tel" id="phone" name="phone">

<br><br>

<label for="pass">Password:</label>
<input type="password" id="pass" name="pass" maxlength="12">
max 12 characters
<br><br>

<label for="slider">Rate us:</label>
1<input type="range" step="25" value="100">5
<br><br>

<label for="subscribe">Subscribe
<input type="checkbox" id="subscribe" name="subscribe">
<br><br>

<label for="myfile">upload a file:</label>
<input type="file" id="myfile" name="myfile" accept=".txt">

<br><br>

<input type="reset">

<br><br>

<input type="submit">

</form>

</body>

</html>

BroCodez
Автор

Lucid, well put together, and a comprehensive video on html forms.

annoyingprecision
Автор

I dived into this video expecting a 8 min tutorial and sit through 25 mins + the time it took me writing my own code, cool vids btw

gainadan-lucian
Автор

Ik its been 2 years but I enjoyed and appreciated this vid so here's a comment to support

sseal
Автор

Ok, I will try to practice this code for some times. And I hope we can start CSS and JavaScript quickly.

girl
Автор

If you have a video or videos on creating the action page please link it.

mikeshaw
Автор

hey. the accept attribute didn't work in my input type="file". I was still able to choose all different kinds if files..

svenschroder