version1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>span</title>
</head>
<body>
<form action="http://baidu.com" method="GET">
<input type="text" name="user"/>
<input type="text" name="emil"/>
<input type="password" name="psword"/>
<!--<input type="button" value="login1"/> useless-->
<input type="submit" value="login2"/>
</form>
</body>
</html>
<!-- block tag : The contents of the element will occupy the entire line -->
<!-- inline tag : The contents of the element will just occupy it's length -->
version2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>span</title>
</head>
<body>
<form action="https://www.sogou.com/web?">
<input type="text" name="query"/>
<input type="submit" value="login2"/>
</form>
</body>
</html>
<!-- block tag : The contents of the element will occupy the entire line -->
<!-- inline tag : The contents of the element will just occupy it's length -->
version 3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>span</title>
</head>
<body>
<form enctype="multipart/form-data">
<!--if you want to submit a file,you must add the attribute of enctype-->
<div>
<p>choise sex:</p>
man:<input type="radio" name="sex" value="man" checked="checked"/>
woman:<input type="radio" name="sex" value="woman"/>
<p>favorite</p>
basketball:<input type="checkbox" name="favor" value="1" checked="checked"/>
football:<input type="checkbox" name="favor" value="2" />
desktopball:<input type="checkbox" name="favor" value="3" />
taiqiu:<input type="checkbox" name="favor" value="4" />
wanqiu:<input type="checkbox" name="favor" value="5" />
<p>skill</p>
make:<input type="checkbox" name="skill"/>
coding:<input type="checkbox" name="skill"/>
java:<input type="checkbox" name="skill"/>
c++:<input type="checkbox" name="skill"/>
python:<input type="checkbox" name="skill"/>
<p>submit a file</p>
<input type="file" name="filename">
<!--<form enctype="multipart/form-data"> is needed if you want use type="file"-->
</div>
<textarea name="content" >default content</textarea>
<select name="city" size="10" multiple="multiple">
<option value="1">beijing</option>
<option value="2" selected="selected">nanjing</option>
<option value="3">hefei</option>
<option value="4">guangzhou</option>
<option value="5">tianjing</option>
<option value="6">hangzhou</option>
<option value="7">fujian</option>
<option value="8">dalian</option>
</select>
<input type="submit" value="submit">
<input type="reset" value="reset">
</form>
</body>
</html>
<!-- block tag : The contents of the element will occupy the entire line -->
<!-- inline tag : The contents of the element will just occupy it's length -->