Home > Web Front-end > HTML Tutorial > Example tutorial of html basics from form

Example tutorial of html basics from form

零下一度
Release: 2017-06-24 13:09:37
Original
1929 people have browsed it

1. form form

Form submission:

methad has two submission methods get (not Too safe) and post (safe)

Text box:
)
                                                                                                                                                                                          ​= (The maximum number of characters that can be entered in the text box) text= (clear text display)

Password box:                             Attribute value: password= (secret text display)

         

 Radio selection:

                                                                                                                ifies you in single selection, otherwise it will be useless.
                                     Attribute value: checked="checked" Default (whichever one you want to add "checked" by default will be selected first)

Check: Check)

  < input type = "checkbox" name = ""> Set                                                                                                                                                                                                                                                         . Attribute value: submit=(submit)
   

Image Button                                                                      . # Text area:                                                                              . gt;

#                           
    ;/select>

Code (You may also find that only the drop-down box is different, the rest is just the value after type is different, but why do I still write a radio button. Of course he is special.
When you see that there are no values ​​behind the name, you need to have multiple radio button boxes. You can only select one


. Between the check boxes, you need to have multiple check boxes after the name. The values ​​must be the same, and the subsequent values ​​are arbitrary.

You must have seen the attributes following above. You can try their effects and try them yourself to remember them deeply)

<html>
     <head>
	<title>表单</title>
     </head>
     <body>

  	<form>
		<input type="text">
		<input type="radio" name="sex">男<input type="radio" name="sex">女
		<select>                        
        		<option>下拉1</option>
			<option>下拉2</option>
			<option>下拉3</option>
			<option>下拉4</option>
      		</select>

	</form>
                   

     </body>
</html>
Copy after login

Effect

This html is almost the same at the beginning. If I remember it in the future, I will add it. Write and start using various CSS styles tomorrow to make your page beautiful.

The above is the detailed content of Example tutorial of html basics from form. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template