Скачать с ютуб Allow User Input with HTML в хорошем качестве

Allow User Input with HTML

Learn how to through this make text boxes, radio buttons, and checkboxes in this seventh video of a beginner's guide to HTML and CSS! TRANSCRIPT: To start off, I’m going to make an opening form tag so here we can group all of our input elements together. And in this video, I’m going to show you how to create a textbox, radio buttons, and checkboxes. So first we’re going to make a textbox, and this is going to allow us to get user input through the keyboard. So we’re going to type in input type=”text”. This is saying that we want a text box to show up in our browser. Now what we want to do is give a name to all of our input fields, and we can just call this text box, just to give it a label, and you can also give it a value, which will automatically show up in the textbox once the user opens up the web page. And they can also delete it once they see it. Let’s just say type here as a hint. And close off that input tag. Now let’s create those radio buttons. What radio buttons are, are buttons that you can press, but you can only select one of them in a group. So let’s put in radio for the type, and put a name to it. What these radio buttons are going to be are the names of animals, so dog, cat, and rabbit. Let’s actually put a header here, and say, what is your favorite animal? So they can choose only one out of these three options that we’re giving them. So pets for the name and all of these radio buttons are going to have the same name, because they can only choose one, and then we can close it off and give it a label by typing out dog like this, and give it a br tag to break. It’s going to move on to the next line because we don’t want all of the radio buttons to be in the same row. And then our second input radio button is going to be cat, and our third will be rabbit. Let’s move onto checkboxes, and for this I’m going to put a header and say, do you have any siblings? Here, we’re going to have a checkbox for if you have a sister, and another checkbox for if you have a brother. You can select one, two, or none of them. That’s the difference between radio buttons and checkboxes. So here I’m going to put input type again, and checkbox, name=”siblings”, this will be “sister”. Put a br tag. Let’s do the same thing. Okay, so now that we’re done with this, let’s save it and see how it looks! Here is our value. This is what we put for the value attribute. You can delete it and type whatever you want into that text box. We have our radio buttons, which we can only check one of them at a time. And we also have these checkboxes, which you can select and deselect at your will.