您的位置：首页 > 其它

表单的标签，以及各种按钮的使用

2017-07-09 17:03 211 查看

	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
	<title>表单各种标签的使用</title>
	</head>
	<body>
	<!--主要就是 label标签的使用 label的主要作用就是当你点击对应的文字，他会激活对应的文本框而我们在这个input里面加上name属性就是在我们提交信息的时候，它会显示，如果不加
	name属性的话，它不会提交到对应的东西里面-->
	<form action="#">
	<label for="name">账号：</label><inputtype="text"ID="name"name="name"/><br/>
	<label for="password">密码：</label><inputtype="password"ID="password"name="password"/><br/>
	<input type="radio" name="sex"value="男"/>男
	<input type="radio" name="sex"value="女"/>女<br>
	<!--单选按钮-->
	<input type="checkbox"name="game"value="英雄联盟"/>英雄联盟
	<input type="checkbox"name="game"value="地下城"/>地下城
	<input type="checkbox"name="game"value="穿越火线"/>穿越火线
	<input type="checkbox"name="game"value="单机"/>单机<br>
	<!--多选按钮-->
	<input type="submit"value="登录"/>
	<!--登录按钮 type="submit"-->
	<input type="reset" value="重置"/>
	<!--重置按钮 type="reset"-->
	<input type="button"value="普通"/>
	<!--普通按钮：没有任何功能 value一般写这个按键对应的功能-->
	<button> <input type="reset"value="重置"/></button><br>
	<!--一个单击响应事件，可以绑定任何功能这里我做的一个案例是绑定重置功能-->
	<input type="image" src="0.jpg"alt="登录"onclick="alert('单击相应')"/>
	</form>
	</body>
	</html> 这些代码，直接就可以拿来用。当然，有些地址我没有上传，所以，当你需要用的时候，需要自己下载一个图片

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航