HTML笔记

最新推荐文章于 2024-01-18 19:00:14 发布

Zyderderder

最新推荐文章于 2024-01-18 19:00:14 发布

阅读量36

点赞数 1

文章标签： html 笔记前端

本文链接：https://blog.csdn.net/weixin_53000165/article/details/133807859

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    图片<img src="图片路径" alt="">
    超链接<a href="跳转地址" target="在哪个页面打开"></a>
    视频标签<video src="视频路径" controls=显示的播放控件></video>
    音频标签<audio src="音频路径" controls=显示播放控件></audio>

    表格标签<table>
        <tr>
            <td></td>
        </tr>
    </table>

    表单项标签:
<form action="" method="post">
    姓名<input type="text" name="name"><br><br>
    密码<input type="password" name="password"><br><br>
    性别<label><input type="radio" name="gender" value="1">男</label>
        <label><input type="radio" name="gender" value="2">女</label><br><br>
    爱好<label><input type="checkbox" name="hobby" value="java">java</label>
        <label><input type="checkbox" name="hobby" value="game">jame</label>
        <label><input type="checkbox" name="hobby" value="sing">sing</label><br><br>
    图像<input type="file" name="image"><br><br>
    生日<input type="date" name="birthday"><br><br>
    时间<input type="time" name="time" ><br><br>
    日期时间<input type="datetime-local" name="datetime">
    邮箱<input type="email" name="email"><br><br>
    年龄<input type="number" name="age"><br><br>
    学历（下拉列表）<select name="degree" >
            <option value="">请选择</option>
            <option value="1">本科</option>
            <option value="2">硕士</option>
            <option value="3">博士</option>
            <option value="4">大专</option>
        </select><br><br>
    描述<textarea name="description" cols="30" rows="10"></textarea><br><br>
    <input type="hidden" name="id" value="1">

    <!--表单常用按钮 -->
    <input type="button" value="按钮">
    <input type="reset" value="重置">
    <input type="submit" value="提交">
    <br><br>

</form>

</body>

</html>