A simple form example

A simple form example ：

<form action="xxx.py" method="get">
	<!--
		 Chinese colon , To prevent code generation errors ;
		input + tab  Key to generate code ;
		type="text"  Normal input box 
		placeholder=" Please enter a user name "   Text reminder 
	-->
	 user name ：<input type="text" placeholder=" Please enter a user name " />
	<br />
	<!--
		type="password"    Password box 
	-->
	 Password box ：<input type="password" />
	<br />
	
	 Gender ：
		<!--
			type="radio"    Radio buttons 
			checked="checked"    This attribute can express the default selected state 
			 Test details ：
				1、 Click to see if it is a radio effect 
				2、 Whether there is a default selected state when refreshing 
				3、 Can I switch by clicking the text 
		-->
	
		<input type="radio" name="xb" checked="checked" id="nan" />
		<label for="nan"> male </label>
		
		
		<input type="radio" name="xb" id="nv" />
		<label for="nv"> Woman </label>
		
		<br />
		
		 Your hobby ：
		<!--
			type="checkbox"   Checkbox 、 Check box 
			checked="checked"   Selected by default 
			 Test details ：
				1、 Whether there is a default selected state when refreshing 
				2、 Can I switch by clicking the text 
			 All tests should be traced back to the needs of users 
		-->
		<input type="checkbox" id="cs" checked="checked" />
		<label for="cs"> test </label>
		
		<input type="checkbox" id="cf" />
		<label for="cf"> having dinner </label>
		
		<input type="checkbox" id="sj" />
		<label for="sj"> sleep </label>
		
		<input type="checkbox" id="ddd" checked="checked" />
		<label for="ddd"> Doudou </label>
		
		<br />
		
		 come from ：
		<!--
			select Labels are nested several option label , Each group option It is an option in the drop-down menu 
			selected="selected"    The drop-down menu is selected by default 
			 Test details ：
				1、 The order of content 
				2、 Default selected state 
				3、 Number of content 
		-->
		<select>
			<option> Beijing </option>
			<option> Shanghai </option>
			<option> Guangzhou </option>
			<option selected="selected"> Shenzhen </option>
		</select>
		
		<br />
		
		<!--
			textarea   Text domain 
			 Test details ：
				1、 Test whether the appearance and size of the three mainstream browsers are consistent 
				2、 Remind programmers to disable the function of dragging size 
		-->
		<style type="text/css">
			textarea{resize: none;}
		</style>
		
		 opinion ：<textarea name="" id="" cols="30" rows="10"></textarea>
		
		<br />
		
		<!--
			type="button"   General button , need js Cooperation can achieve other effects 
			value Property settings set the text on the button 
		-->
		 General button ：<input type="button" value=" Button " />
		<br />

		<!--
			type="reset"   Click to restore the form data to the default value 
			value Property settings set the text on the button 
		-->
		 Reset button ：<input type="reset" value=" I am reset " />
		<br />
		<!--
			type="submit"   Click to submit the form to the designated background processing 
			value Property settings set the text on the button 
			 After clicking, no matter whether an error is reported , It has nothing to do with us , At the end of the test , Just pay attention to whether the content in the database is added normally 
		-->
		 Submit button ：<input type="submit" value=" I'm submitting " />
</form>