表单集合

来源:互联网 发布:自制动漫头像的软件 编辑:程序博客网 时间:2024/05/16 05:45
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ceshi</title>
</head>
<body>
<form action="" method="get" >
<input type="text" name="name" value="zhangsan">
<input type="password" name="password" value="123">
<!-- 有密码传输的表单要设置传送方式为post方式传输 -->
<input type="submit" value="提交" name="submit">
<input type="reset" name="reset" value="重置">
<input type="checkbox" name="">你同意吗?
<input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="0">女
<!-- 两个单选按钮的name要一致,才能识别为同一组单选框 -->
<input type="hidden" name="user" value="王五">
<!-- 隐藏表单的内容会被发送给服务器 
多个网页一起收集内容时,第一个网页的结果要送到第二个网页时使用
-->


<fieldset>
<!-- filedset把需要分组的表单分割开来 -->
<input type="file" name="" value="上传文件">
<!-- 上传文件到服务器
前提条件有两个,method为post,enctype为multipart/form-data. -->
<input type="image" name="">
<!-- 图像标签可以代替提交按钮,点击的时候会传送其他表单的内容和鼠标点击图像的位置数据 -->
<select size="3" multiple="">
<!--select标签有两个属性,size和mutiple,size的值默认为1, multiple为默认值的时候,不用设置size的数值也会把所有option的值显示出来-->
<option value="1"></option>
<option value="2" selected="selected">我是刘德华吗?</option>
<option value=""></option>
<!-- 如果没有设置option的value,会传送两个标签之间的内容给服务器 ;如果没有设置select的name属性,option里面的内容则无法传送给服务器-->
</select>
<textarea cols="50" rows="3">请将您的建议输入到此区域</textarea>
<!-- 主要具有cols和rows两个属性 -->
</fieldset>
</form>
</body>
</html>
0 0