form标签

<!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>Insert title here</title>
</head>
<body>
<form>
<!-- 如果要向服务器提交数据,表单中的每个需要提交的组件给上e属性 name和value属性
是用于给服务端获取数据方便的
当value为null时,是提交用户输入的信息

-->
输入名称:<input type="text" name="user" value=""><br/>
输入密码:<input type="password" name="psw"><br/>
选择性别:男<input type="radio" name="sex" value="nan">
女<input type="radio" name="sex" value="nv" checked="checked"><br/>
<!-- 默认选择按钮checked="checked" -->
选择技术:<input type="checkbox" name= "tech" value="java"/> Java
<input type="checkbox" name= "tech" value="c++"/> c++
<input type="checkbox" name= "tech" value="html"/> html
<input type="checkbox" name= "tech" value="css"/> css<br/>

选择文件:<input type="file" name="file" value=""/><br>
<!-- 点击图片会默认有提交数据的效果 -->
一个图片:<input type="image" src="11.jpg"/><br>

<!-- 数据不需要客户端知道,但是可以将其提交到服务器端,让服务器端知道!!! -->
隐藏组件 <input type="hidden" name="myke" value="myvalue"/><br>
一个按钮 <input type="button" value="有个按钮" onclick="alert('aaa')"/><br>

<input type="reset" value="清楚数据"/><input type="submit" value="提交数据"/><br>
</form>
</body>
</html>

posted @ 2017-12-26 17:08  刘飞飞飞  阅读(88)  评论(0)    收藏  举报