<!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=gb2312">
<title>无标题文档</title>
</head>
<body>
<p>表单基本结构</p>
<p>GET方法会把表单值显示在地址栏中,post方法不会</p>
<p>get方法只能上传255个字节,post没有限制</p>
<p>一、name属性设置控件的名称,用于服务器处理提交信息时根据name属性确定提取的是哪个组件的值</p>
<p>name一般用于 text password radio checkbox</p>
<p>二、value属性用于设置当前组件的值如text,password等,一般用来设定初始值</p>
<p>三、size属性用于设置控件的长度如20px;maxlength用于限制控件最多输入的字符数</p>
<p>input类型的type属性可以用于text password radio, size表示文本框的大小,maxlength表示最大请允许我输入的数</p>
<p>radio表示的是单选按钮,name属性用于确定组件名称,每个单选 按钮要同一个名称才能实现单选功能,
其中value属性用于指定在服务器获取到的值因为服务器不关心我们这个input控件以外的内容,所以后面的图片和男,女,只是提供给用户看的</p>
<p>checkbox复选框name属性用于确定组件的名字,多个复选框为了取值时好判断,一般建议同一类型的要用一个名字,values直接设置一个名字,在服务器获取的时候获取的就是这里的值</p>
<p>check属性一般用于单选 和复选 按钮中,用于设置默认是选中状态</p>
<p><font size="+2" color="#FF0000">表单演示</font></p>
<form name = "form1" action="http://www.baidu.com" method="get">
<p>姓 名:<input type="text" name="username" size="20px" maxlength="50px"></p>
<p>密 码:<input type="password" name="userpass" size="20px" maxlength="16px"></p>
<p>性 别:<input type="radio" name = "sex" value="男" checked><img src="../image/Male.JPG" height="25" width="25">男
<input type="radio" name="sex" value="女" ><img src="../image/Female.JPG" width="25" height="25">女 </p>
<p>爱 好:<input type="checkbox" name="interest" value="sports">运动
<input type="checkbox" name="interest" value="talk">聊天
<input type="checkbox" name="interest" value="playgames">玩游戏 </p>
<p>生 日:
<input type="text" name="year" value="2015" size="2px" maxlength="4">年
<select name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月
<input type="text" name="day" value="1" size="1px" maxlength="2">日</p>
<p>服务协议</p>
<textarea name="textarea" cols="40" rows="10">
欢迎阅读服务条款协议,本协议阐述之条款和条件适用于您使用Taobao网站的各种工具和服务。
本服务协议双方为淘宝与淘宝网用户,本服务协议具有合同效力。
淘宝的权利和义务
</textarea><br>
<input type="submit" value="提交"><input type="reset" value="重置">
<input type="submit" value="普通按钮">
</form>
</body>
</html>
html标记语言的常用标签,表单
最新推荐文章于 2022-05-18 19:54:48 发布