您的位置：首页 > Web前端 > HTML

html标记语言的常用标签，表单

2015-10-28 16:55 417 查看 
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航