form标签下的type属性的属性值演示

来源:互联网 发布:淘宝天天特价活动封面 编辑:程序博客网 时间:2024/06/06 20:18
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="http://www.baidu.com">百度</a>


<a href="04.html">01.html</a>
<br>
<a href="#bottom">跳转到底线</a>
<div style="height: 1000px;"></div>
<a href="##" name="bottom">我是底线</a>
</body>

</html>


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form>
<input type="hidden" name="yourid" value="姓名">
<input type="file" name="yourfile"size="30"><br>
a: <input type="radio" name="checkit" value="a" checked>
<br>
b: <input type="radio" name="checkit" value="b">
<br>
c: <input type="radio" name="checkit" value="c">
<br>
<input type="image" src = "hongxin.jpg" alt="爱心" width="300" height="300">
<map name="demo-test" id="demo-test">
<br>
a:<input type="checkbox" name="checkit" value="a" checked>
<br>
b:<input type="checkbox" name="checkit" value="b">
<br>
c:<input type="checkbox" name="checkit" value="c">
<br>
</form>
</body>
</html>



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="http://www.baidu.com">百度</a>


<a href="04.html">01.html</a>
<br>
<a href="#bottom">跳转到底线</a>
<div style="height: 1000px;"></div>
<a href="##" name="bottom">我是底线</a>
</body>
</html>




<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="hongxin.jpg" alt="爱" width="720" height="600" usemap="#demo-test">
<map name="demo-test" id="demo-test">
<area shape="rect" coords="0,0,50,50" href="http://www.baidu.com" alt="">


<area shape="circle" coords="200,200,50," href="http://www.baidu.com" alt=""
</map>


</body>
</html>






原创粉丝点击