前端学习积累（四）表单标签

最新推荐文章于 2022-03-14 09:47:01 发布

i_donot_care

最新推荐文章于 2022-03-14 09:47:01 发布

阅读量133

点赞数 1

分类专栏：自学文章标签： html5

本文链接：https://blog.csdn.net/i_donot_care/article/details/118460144

版权

本文详细介绍了HTML5中的表单元素，包括

摘要由CSDN通过智能技术生成

表单的创建

1.表单都是从<form>标签开始的，<form>标签的 action 属性值为表单要提交给哪个服务器，method属性值是表单的提交方式；

<form action="" method="POST"></form>

1.单行文本框

type是类型的意思，input代表输入的意思，name定义表单元素名字， value定义表单元素值，checked用于设置默认选中状态，type属性用于input标签表单元素的类型设置

<input type="text">意思就是，这个输入控件的类型是一个text 。 text是文本的意思

value属性代表填好的值 <input type="text" value="123"> 代表这个文本输入控件里面已经输好了123

placeholder属性表示提示文本，就是输入账号密码的时候里面那个灰色的字<input type="text" placeholder="请输入用户名">

disabled属性表示用户不能与元素交互，即”锁死“

2.单选按钮

1）使用type属性值被设为radio的<input>元素可以创建单选按钮；互斥的单选按钮应该设置他们的name属性为相同值

3.lable标签

label标签:用来将文字和单选按钮进行绑定，用户单击文字的时候也视为点击了单选按钮。 ps:html4时代用for加id的形式来进

4.复选框

使用type属性值被设为checkbox的<input>元素可以创建复选框；同组复选框应该设置他们的name为相同值；复选框要有value属性（虽然没有value也可以显示，但是value属性是向服务器提交的）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE

关注