HTML学习分享

最新推荐文章于 2024-11-01 15:19:31 发布

枯萎小熊

最新推荐文章于 2024-11-01 15:19:31 发布

阅读量359

点赞数 11

文章标签： html 学习前端

本文链接：https://blog.csdn.net/2301_79301066/article/details/136346356

版权

常见的标签（二）

一、表单标签

1.form标签

form标签常与input标签连用

<form action="">
        <input type="text">
    </form>

常见属性

action属:跳转的路径

路径：相对路径：源文件相对于目标文件的相对路径

..\CSDN\demol05.html

绝对路径：

 C:\Users\xx\Desktop\前端\CSDN\demol05.html

method属性：用来明确表单提交的方式get(默认)、post（注：post请求较get请求更安全）

name属性：表单名称

二、表单元素

input标签：

<input type="" name="" id="" class="" value="">

type取值：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <input type="text">
        <!-- 文本框 -->
        <input type="password">
        <!-- 密码框 -->
        <input type="submit">
        <!-- 提交按钮 -->
        <input type="radio">
        <!-- 单选按钮 -->
        <input type="checkbox">
        <!-- 多选按钮 -->
        <input type="reset">
        <!-- 重置按钮 -->
        <input type="button">
        <!-- 普通按钮 -->
        <input type="image">
        <!-- 图像按钮 -->
        <input type="file">
        <!-- 文件 -->
        <input type="hidden">
        <!-- 隐藏域 -->
        <input type="email">
        <!-- 邮箱域 -->
        <input type="color">
        <!-- 颜色域 -->
        <input type="date">
        <!-- 日期 -->
        <input type="time">
        <!-- 时间 -->
        <input type="datetime-local">
        <!-- 日期+时间 -->
        <input type="range">
        <!-- 进度条 -->
    </form>
</body>
</html>