码迷,mamicode.com
首页 > Web开发 > 详细

006_form.html

时间:2018-09-17 00:03:34      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:lan   jin   mil   ISE   multi   name   attr   cte   man   

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 -->


006_form.html

标签:lan   jin   mil   ISE   multi   name   attr   cte   man   

原文地址:https://www.cnblogs.com/liujun5319/p/9657918.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!