网站（七）HTML表单元素（下）

最新推荐文章于 2023-12-12 09:47:43 发布

KeithAlexander

最新推荐文章于 2023-12-12 09:47:43 发布

阅读量201

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/KeithAlexander/article/details/80959887

版权

学习笔记专栏收录该内容

38 篇文章 0 订阅

订阅专栏

HTML表单元素

获取有规定格式的字符串：
- Email：电子邮件地址
- Tel：电话号码
- URL：网址
- 在提交表单的时候才会检查输入的数据
获取时间：date
获取颜色值：color
获取搜索用词：search
生成隐藏数据项：hidden，提交表单时依旧存在
生成图像按钮：image
上传文件：file
- multiple：上传多个文件
- required：必须上传一个文件

<!DOCTYPE html>  <!--让浏览器得知自己要处理的内容是html--> 
<!--这是注释-->

<html len="zh"><!--文档中html部分的开始， language = 简体中文-->

<head><!--提供有关文档内容和标注信息的-->

    <meta charset="UTF-8"><!--用UTF-8的方式将网页进行编码-->

    <title>CreateForm</title><!--标题-->
</head>

<body>
<form enctype="multipart/form-data"> <!--file的multiple需要该属性-->
    <input type="email">
    <input type="tel">
    <input type="url">

    <br><br>
    <input type="date"> <!--获取时间-->

    <br><br>
    <input type="color"> <!--获取颜色-->

    <br><br>
    <input type="search"> <!--获取搜索用词-->

    <br><br>
    <input type="hidden" value="123"> <!--隐藏文本框-->

    <br><br>
    <input type="image" src="桌面壁纸-3.png" width="500px"> <!--图片按钮-->

    <br><br>
    <input type="file" multiple> <!--上传文件-->
    <input type="file" required>
</form>
</body>
</html>