Form表单标签的使用和陈列

最新推荐文章于 2023-05-09 17:47:45 发布

A酒客

最新推荐文章于 2023-05-09 17:47:45 发布

阅读量99

点赞数 1

分类专栏：初学HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_54108380/article/details/120198242

版权

初学HTML 专栏收录该内容

12 篇文章 2 订阅

订阅专栏

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<form action="提交表单的url路径" method="表单的提交方式(get/post)"name="表单的名称" enctype="multipart/form-data">
    姓名：<input type="text" name="name" value="xxx" placeholder="请输入用户名"></br>
    性别：<input type="radio" name="sex" value="男">男
          <input type="radio" name="sex" value="女">女 </br>
    密码：<input type="password" name="name" placeholder="请输入密码"></br>
    主页：<input type="url" placeholder="请输入网站"> </br>
    邮箱：<input type="email" placeholder="请输入邮箱"> </br>
    电话：<input type="tel" placeholder="请输入电话"> </br>
    按钮：<input type="button" value="点击触发"> </br>
    年龄：<input type="number"> </br>
    爱好：<input type="checkbox" name="hobby" value="xxx">xxx
          <input type="checkbox" name="hobby" value="xxx">xxx
          <input type="checkbox" name="hobby" value="xxx">xxx </br>
    颜色：<input type="color"> </br>
    进度条：<input type="range" value="20"> </br>
    出生日期：<input type="date" placeholder="请选择出生日期"> </br>
    时间：<input type="time"> </br>
    时间：<input type="datetime-local"> </br>
    文件上传：<input type="file"> </br>
    隐藏标签：<input type="hidden"> </br>
    搜索：<input type="search" placeholder="请输入"> </br>
    省份：<select name="省份" id=""> </br>
        <option value="">xxx</option>
        <option value="">xxx</option>
        <option value="">xx</option>
        <option value="" selected>xxx</option>
          </select> </br>
备注： </br>
<textarea name="" id="" cols="30" rows="10"></textarea> </br>
<input type="submit" value="注册">
<input type="reset" value="重置">

</form>


</body>
</html>

运行结果：

A酒客

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Form表单标签的使用和陈列

代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title></head><body><form action="提交表单的url路径" method="表单的提交方式(get/post)"name="表单的名称" enctype="multipart/form-data
复制链接

扫一扫