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两种方式:

  1. get方式:get方式提交时 , 会将表单的内容附加在URL地址的后面 , 所以限制了提交的内容的长度 , 不超过8192个字符 , 且不具备保密性 。
  2. post方式:post方式提交时 , 将表单中的数据一并包含在表单主体中 , 一起传送到服务器中处理 , 没有数据大小限制 。
3.action表单数据的处理程序的URL地址 , 如果为空则使用当前文档的URL地址 , 如果表单中不需要使用action属性也要指定其属性为”no“ 。
4.enctype设置表单的资料的编码方式 。属性值:
  1. application/x-www-form-urlencoded:在发送前编码所有字符(默认)
  2. multipart/form-data:不对字符编码 。在使用包含文件上传控件的表单时 , 必须使用该值 。
  3. text/plain:空格转换为 “+” 加号 , 但不对特殊字符编码 。
5.target和超链接的属于类似 , 用来指定目标窗口 。
2.input 标签1)注意input 标记没有结束标记 。
2)基本语法<input type="" name="" value="" size="" maxlength="">3)属性1.type属性
  1. text:文本输入域
  2. password:密码输入域
  3. submit:提交按钮
  4. reset:重置按钮
  5. button:普通按钮
  6. radio:单选按钮 , 可以使用”checked“属性来设置默认选中项
  7. checkbox:复选框 , 可以使用”checked“属性来设置默认选中项
  8. hidden:隐藏表单域
  9. file:文件域
2.name属性定义控件的名称
3.value属性【html中label标签的用法 html中label标签属性介绍】初始化值 , 打开浏览器时 , 文本框中的内容
4.size属性设置控件的长度
5.maxlength属性输入框中最大允许输入的字符数
3.textarea 标签1)作用使用 textarea 标记可以实现一个能够输入多行文本的区域 。
2)语法格式rows属性和cols属性分别用来指定 , 显示的行数和列数 , 单位是字符个数;value指定传送到服务器上面的值 。
<textarea name="name" rows="value" cols="value" https://www.yf-zs.com/shuma/value="value">... ... </textarea>4.select 标签1)作用菜单下拉列表域 , 生成一个下拉列表 。
2)option 标签作用:
option 标记用来指定列表中的一个选项 , 需要放在 select 之间 。
值:
  1. value:给选项赋值 , 指定传送到服务器上面的值 。
  2. selected:指定默认的选项 。
3)语法格式<select name="" size="value" multiple><option value="https://www.yf-zs.com/shuma/value1" selected>选项1</option><option value="https://www.yf-zs.com/shuma/value2">选项2</option><option value="https://www.yf-zs.com/shuma/value3">选项3</option>... ... ...</select>4)属性
  1. multiple属性:multiple属性不用赋值 , 其作用是 , 表示用可以多选的下来列表 , 如果没有这个属性就只能单选 。
  2. size属性:设置列表的高度 。
  3. 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="https://www.yf-zs.com/shuma/admin"id="male"><br>密码:<input type="password" name="password" size="50" maxlength="6"><br>性别:<input type="radio" name="sex" value="https://www.yf-zs.com/shuma/男"> 男<input type="radio" name="sex" value="https://www.yf-zs.com/shuma/女" checked="checked"> 女<br>兴趣:<input type="checkbox" name="interest" value="https://www.yf-zs.com/shuma/篮球">篮球<input type="checkbox" name="interest" value="https://www.yf-zs.com/shuma/足球" checked="checked">足球<input type="checkbox" name="interest" value="https://www.yf-zs.com/shuma/羽毛球" 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="https://www.yf-zs.com/shuma/beijing">北京</option><option value="https://www.yf-zs.com/shuma/shanghai" selected>上海</option><option value="https://www.yf-zs.com/shuma/nanjing">南京</option><option value="https://www.yf-zs.com/shuma/guangdong">广东</option></select><br><input type="submit" value="https://www.yf-zs.com/shuma/注册"><input type="reset"><input type="button" value="https://www.yf-zs.com/shuma/普通按钮"></form>