Test basis 3

One 、 route

 route ： Write the resource location you want to find （ The front end needs to understand ： Relative path resources cannot be queried across drive letters ）
	1、 Relative paths ： Relative to current html File the way to find other resources 
		(1) Peer search ： At present html In the same level of directory as the target ; grammar ： Write the name of the resource directly 
		<img src="t1.gif" alt="" />
		
		
		(2) Superior search ： At present html And the target are in the parent directory ; grammar ：../ Just write the name of the resource 
		<img src="../t1.gif" alt="" />
		
		
		(3) Subordinate search ： At present html And the target are in the subordinate Directory ; grammar ： Folder name / Write the name of the resource 
		<img src="tu/t1.gif" alt="" />

	2、 Absolute path ： The specific location of resources in the computer ( When copying a specific location in the computer , Don't forget to add the specific name of this resource , And slashes ！)
		<img src="F:\ test \ Fundamentals of testing 03\tu2\t1.gif"/>
		
	 Be careful ： In front-end Syntax , Absolute path is not recommended ！！！ Only relative paths are recommended ！！！

Two 、 list

	 Unordered list ：ul Nested several li, Every li It's an option 
 example ：
	<ul>
		<li>js</li>
		<li>css</li>
		<li>html</li>
	</ul>
	
	 Ordered list ：ol Nested several li, Every li It's an option 
	 example ：
	<ol>
		<li>css</li>
		<li>js</li>
		<li>html</li>
	</ol>

3、 ... and 、 Label of layout

 Layout labels ： When there is no semantics , You can use div or span To wrap the content , The purpose is to css The code can find the content in the corresponding label to set the style 
div： A single line of space , Call it a big box 
span： A row can hold multiple , Call it a small box 
 example ：
<div> I am a div</div>
<span> I am a span</span>

Four 、 The sound 、 video 、 Test point

audio The sound 、video video 
 Test details ： Because of historical development , Lead to sound 、 Video tag compatibility is poor , For testing , We need to test whether the three mainstream browsers can work normally 、 video ;
Ie Test the lower version (ie7、8、9、10、11)
 The test method ： open ie,f12, Find simulation （ Must be ie Only the higher version can test the lower version ）
 When to test the lower version ： User requirements , Retest ！

5、 ... and 、form Form labels

form Inside the form tab is the form data filled in by all users ;
	action="xxx.jsp"    Which background program to submit the form data to 
	method="post"    How to transfer data ,post Represents the implicit submission of data ;get Send data in clear text 

6、 ... and 、input Labeled type type ：

type="text"  Normal input box 
type=”password”   Password box 
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 

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 
 Be careful ： All tests should be traced back to the needs of users 

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 

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 
type="button"   General button , need js Cooperation can achieve other effects 
value Property to set the text on the button 

type="reset"   Click to restore the form data to the default value 
value Property to set the text on the button 

type="submit"   Click to submit the form to the designated background processing 
value Property to 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 


placeholder=" Please enter a user name "   Text reminder attribute