HTML的表单标签！

Skkkkk.

已于 2024-04-08 11:53:52 修改

阅读量103

点赞数 3

文章标签： html5

于 2024-04-08 10:01:02 首次发布

本文链接：https://blog.csdn.net/dhshsness/article/details/137496675

版权

在html中使用表单标签的目的：使用表单标签是为了收集用户信息。在我们网页中，我们也需要跟用户交互，手机用户资料，此时就需要用表单。表单的组成：在HTMl中一个完整的表单通常由表单域、表单控件（也称为表单元素）和提示信息3个部分组成。表单也分为两大部分，表单域以及表单元素，表单域里面只是分为很小的部分，重要的是表单元素，表单元素又分为<input>表单元素，<select>表单元素，<textarea>表单元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<!-- 表单 from表单域 -->
<form action="">
<!-- button提交按钮 -->
<input type="button" value="取消" name="box">
<!-- checkbox复选框 -->
<input type="checkbox" name="" id="">篮球
<input type="checkbox" name="" id="">rap
<input type="checkbox" name="" id="">唱跳
<!-- file提交文件 -->
<input type="file">
<!-- password密码框 -->
<input type="password" maxlength="6" value="请输入密码">密码框
<!-- radio 单选按钮 选择后不可以取消（目前来说） -->
<input type="radio" checked>男
<input type="radio" >女
<!-- reset重置按钮 -->
<input type="reset">
<!-- submit提交按钮 -->
<input type="submit">
<!-- text文本框 -->
<input type="text" value="" maxlength="10" placeholder="请输入密码">
<!-- 单选绑定 -->
<input type="radio" id="boy">
<label for="boy">男</label>
<input type="radio" id="girl">
<label for="girl">女</label>
<!-- 多选绑定 -->
<input type="checkbox" id="eat">
<label for="eat">吃</label>
<input type="checkbox" id="drink">
<label for="drink">喝</label>
<input type="checkbox" id="play">
<label for="play">玩</label>
<input type="checkbox" id="happy">
<label for="happy">乐</label>
<!-- 文本框 -->
<input type="text" id="text">
<label for="text">请输入账号</label>
<!-- 密码框 -->
<input type="passsword" id="box">
<label for="box">请输入密码</label>
<!-- 日期控件 -->
<input type="date">
<input type="time">

这是我自己做出来的代码，上面是那些我有没有提到的，基本上是全部包含了，一些没有提到的也在上面了，下面是运行出来的效果，大家可以把代码复制下来，然后进行运行，查看效果