html中label标签的用法_html中label标签属性介绍

html中label标签的用法_html中label标签属性介绍 1.form 标签1）作用<form></form>定义表单的开始位置和结束位置，表单提交时的内容就是<form>表单中的内容2）基本格式<form action="服务器端地址（接受表单内容的地址）" name="表单名称" method="post|get">...</form>3）常用属性1.name表单名称2.method传送数据的方式，分为post和get两种方式：get方式：get方式提交时，会将表单的内容附加在URL地址的后面，所以限制了提交的内容的长度，不超过8192个字符，且不具备保密性。

post方式：post方式提交时，将表单中的数据一并包含在表单主体中，一起传送到服务器中处理，没有数据大小限制。

3.action表单数据的处理程序的URL地址，如果为空则使用当前文档的URL地址，如果表单中不需要使用action属性也要指定其属性为”no“。

4.enctype设置表单的资料的编码方式。

属性值：application/x-www-form-urlencoded：在发送前编码所有字符（默认）multipart/form-data：不对字符编码。

在使用包含文件上传控件的表单时，必须使用该值。

text/plain：空格转换为 “+” 加号，但不对特殊字符编码。

5.target和超链接的属于类似，用来指定目标窗口。

2.input 标签1）注意input 标记没有结束标记。

2）基本语法<input type="" name="" value="" size="" maxlength="">3）属性1.type属性text：文本输入域password：密码输入域submit：提交按钮reset：重置按钮button：普通按钮radio：单选按钮，可以使用”checked“属性来设置默认选中项checkbox：复选框，可以使用”checked“属性来设置默认选中项hidden：隐藏表单域file：文件域2.name属性定义控件的名称3.value属性初始化值，打开浏览器时，文本框中的内容4.size属性设置控件的长度5.maxlength属性输入框中最大允许输入的字符数3.textarea 标签1）作用使用 textarea 标记可以实现一个能够输入多行文本的区域。

2）语法格式rows属性和cols属性分别用来指定，显示的行数和列数，单位是字符个数；value指定传送到服务器上面的值。

<textarea name="name" rows="value" cols="value" value="value">... ... </textarea>4.select 标签1）作用菜单下拉列表域，生成一个下拉列表。

2）option 标签作用：option 标记用来指定列表中的一个选项，需要放在 select 之间。

值：value：给选项赋值，指定传送到服务器上面的值。

selected：指定默认的选项。

3）语法格式<select name="" size="value" multiple> <option value="value1" selected>选项1</option> <option value="value2">选项2</option> <option value="value3">选项3</option> ... ... ...</select>4)属性multiple属性：multiple属性不用赋值，其作用是，表示用可以多选的下来列表，如果没有这个属性就只能单选。

size属性：设置列表的高度。

name属性：定义这个列表的名称。

5.label 标签1）作用用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点2）语法<label for="male">Male</label><input type="radio" name="sex" id="male">6.举例<form name="form" method="post" action="no" enctype="multipart/form-data"> <label for="male">账号：</label><input type="text" name="username" value="admin" id="male"><br> 密码：<input type="password" name="password" size="50" maxlength="6"><br> 性别：<input type="radio" name="sex" value="男"> 男 <input type="radio" name="sex" value="女" checked="checked"> 女<br> 兴趣：<input type="checkbox" name="interest" value="篮球">篮球 <input type="checkbox" name="interest" value="足球" checked="checked">足球 <input type="checkbox" name="interest" value="羽毛球" checked="checked">羽毛球 <input type="hidden" name="hidden"><br> 头像：<input type="file" name="file"><br> 简介： <textarea rows="10" cols="30"> </textarea><br> 城市： <select name="city" multiple> <option value="beijing">北京</option> <option value="shanghai" selected>上海</option> <option value="nanjing">南京</option> <option value="guangdong">广东</option> </select> <br> <input type="submit" value="注册"> <input type="reset"> <input type="button" value="普通按钮"></form>