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

商盟百科网 2023-05-25 08:01 89

摘要:这篇文章主要介绍了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两种方式:

3.action

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

4.enctype(商盟百科网chnore.com)

设置表单的资料的编码方式。属性值:

5.target

和超链接的属于类似,用来指定目标窗口。

2.input 标签

1)注意

input 标记没有结束标记。

2)基本语法

<input type="" name="" value="" size="" maxlength="">

3)属性

1.type属性

2.name属性(商盟百科网chnore.com)

定义控件的名称

3.value属性

初始化值,打开浏览器时,文本框中的内容

4.size属性

设置控件的长度

5.maxlength属性

输入框中最大允许输入的字符数

3.textarea 标签

1)作用

使用 textarea 标记可以实现一个能够输入多行文本的区域。(商盟百科网chnore.com)

2)语法格式

rows属性和cols属性分别用来指定,显示的行数和列数,单位是字符个数;value指定传送到服务器上面的值。

<textarea name="name" rows="value" cols="value" value="value">... ... </textarea>

4.select 标签

1)作用

菜单下拉列表域,生成一个下拉列表。

2)option 标签

作用:

option 标记用来指定列表中的一个选项,需要放在 select 之间。

值:

3)语法格式(商盟百科网chnore.com)

<select name="" size="value" multiple> <option value="value1" selected>选项1</option> <option value="value2">选项2</option> <option value="value3">选项3</option> ... ... ...</select>

4)属性

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>

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


相关推荐

评论列表
关闭

用微信“扫一扫”